/* bg */





.main{
      background: url(../images/aboutbg.png) no-repeat center top;

}

.bg1{



    background: url(../images/aboutbg.png) no-repeat center top;



    position: relative;



}











.about_img{



    position: absolute;



    max-width: 100%;



    top: 0;



}



.about_img img{



   max-width: 100%;



}



.about_img1{



    width: 100%;



    display: none;



}



.about_con{



    padding: 70px 60px 64px 0;



}

.qywh{padding-top: 100px; }

.qywh .col-md-3{text-align: center;margin-bottom: 30px;}

 



.qywh .cont{text-align:center;}

.qywh .cont i{width: 100px;height:110px;display: inline-block}

.qywh .qywhnm{position: relative;font-size: 16px;color: #333;font-weight: bold; padding: 10px;margin-bottom: 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.qywh .qywhnm::after{content: '';width: 20px ;height: 2px;position: absolute;text-align: center;background: #333;bottom: 0;left: calc(50% - 10px);}

 

.qywh .col-md-3:hover .qywhnm{ color: #183972}

 

.qywh .col-md-3:hover .qywhnm::after{background: #183972}

.qywh .col-md-3:first-child .cont i{background: url(../images/icon1.png)center center no-repeat;}

.qywh .col-md-3:nth-child(2) .cont i{background: url(../images/icon2.png)center center no-repeat;}

.qywh .col-md-3:nth-child(3) .cont i{background: url(../images/icon3.png)center center no-repeat;}

.qywh .col-md-3:nth-child(4) .cont i{background: url(../images/icon4.png)center center no-repeat;}

.qywh .col-md-3:first-child:hover .cont i{background: url(../images/icon1b.png)center center no-repeat;}

.qywh .col-md-3:nth-child(2):hover .cont i{background: url(../images/icon2b.png)center center no-repeat;}

.qywh .col-md-3:nth-child(3):hover .cont i{background: url(../images/icon3b.png)center center no-repeat;}

.qywh .col-md-3:nth-child(4):hover .cont i{background: url(../images/icon4b.png)center center no-repeat;}

@media (max-width:1599px) {

.qywh {

    padding-top: 140px;

    }

     .prolist .col-md-5 img{text-align:center;  width:350px; width: auto;  margin: 0px auto; }

}



.about_con img{

 

}



.about_con .tit p{



    font-size:32px;



    color:#000;



    font-weight: 100;



    font-family: 'Poppins';



    line-height: 70px;



    margin-left: 0px;



}



.about_con .tit h4{



    font-size:40px;



    color:#1a3970;

     font-weight:500;

    letter-spacing:12px;

font-weight: bold;

    padding: 0px 0;



    position: relative;



}



.about_con .tit h4:after{



    background: #ddd;



    width: 50px;



    height: 0px;



    content:'';



    display: block;



    position: absolute;



    left: 0;



    bottom: 0;



}



.about_con .con{



   

    font-size: 16px;



    color: #333;



   line-height: 35px;

    width:100%;



    padding-left:25px;

 

    margin-top: 40px;



}







/* panel1_con */







.panel1_con{



    height: 180px;



}



.panel1_con .tit{



    width: 180px;



    background: #1a3970;



    display: flex;



    flex-direction: column;



    justify-content: center;



    align-items: center;



    font-size:34px;



    font-weight: bold;



    line-height: 1.3;



    color:#fff;



    height: 180px;



  



} 



.panel1_con ul{



    flex:1;



}



.panel1_con ul li{



    flex:1;



    display: flex;



    flex-direction: column;



    justify-content: center;



    align-items: center;



    cursor: pointer;



}



.panel1_con ul li img{



    transition:all .5s;



}



.panel1_con ul li p{



    font-size:18px;



    color:#fff;



    margin-top: 10px;



}



.panel1_con ul li:hover img{



    transform: rotate(360deg);



}





.panel1_con  em{

letter-spacing: 3px;

    display: block;

    width: 440px;

    font-style: normal;

    height: 60px;

    line-height: 60px;

    text-align: center;

    font-size:24px;

    color:#ff971c; 

      

    border-radius:60px;

    border: 2px solid #ff971c;



    transition:all .3s;



}







/* solution */







.solution_con .row{



    margin-left:0;



    margin-right: 0;



}



.solution_con li{



    padding: 70px 33px;



    background: #eeeeee;



    border-bottom: 10px solid transparent;



    border-image:linear-gradient(to right,#014f3a,#87c123) 1 10;



    text-align: center;



}



.solution_con li:nth-child(2n){



    background: #fff;



    border-top: 10px solid transparent;



    border-bottom: none;



}



.solution_con li img{



    margin:auto;



    transition:all .3s;



}



.solution_con li h4{



    color:#333;



    font-size:18px;



    font-weight: bold;



    margin: 30px 0 25px;



    line-height: 20px;



    height: 20px;



    overflow: hidden;



}



.solution_con li p{



    font-size:14px;



    color:#666;



    line-height: 2.1;



}



.solution_con li a{



    font-size:14px;



    color:#333;



    display: inline-block;



    margin-top: 50px;



    position: relative;



}



.solution_con li a i{



    font-size:12px;



    color:#666;



    margin:0 0 0 7px;



}



.solution_con li a:after{



    width: 0;



    height: 2px;



    display: block;



    content:'';



    position: absolute;



    left: 0;



    background: #87c123;



    bottom: 0;



    transition:all .3s;



}



.solution_con li:hover img{



    transform: rotate(360deg);



}



.solution_con li:hover h4{



    color:#87c123;



}



.solution_con li:hover a:after{



    width: 100%;



}



.solution_con li:hover a{



    color:#87c123;



}



.solution_con li:hover a i{



    color:#87c123;



}











/* productn */







.product_con{



    padding: 60px 0;



}



.product_con li a{



    display: block;



    background: #fff;



}



.product_con li a .img{

 



    overflow: hidden;



    position: relative;



}



.product_con li a .img i{



    width:100%;



    height:100%;



    position: absolute;



    background:rgba(136,193,34,.8);



    display: block;



    font-size:36px;



    color:#fff;



    text-align: center;



    line-height: 50px;



    left:0;



    top: -100%;



    display: flex;



    justify-content: center;



    align-items: center;



    transition:all .3s;



}

.page_newsList1 dl:hover em{







    background: #ff961c;







    width: 120px;







}



/* 新闻 */

.newsList{



    margin:20px 0 50px;



}





.newsList li{

 

    padding:0px 0px 20px;



    transition: all .3s ease-out 0s;

     



}

@media screen and (max-width: 992px){

    .newsList .col-md-1{display: none!important;}

}

 .newsList .col-md-8{padding:0px;}

.newsList li a{



    display: block;



    background: #fff;



}

.newsList span{



    float: right;

    color: #444;

    font: 14px;

    padding-top: 30px;

    padding-right: 35%;



}

.newsList li p{



    display: block;



     



}



.newsList .info{



      text-align: center;

      

color: #fff;

    background: #ff961c;

     

    height: 72px;

    width: 72px;

      

    transition: all .3s ease-out 0s;

 

}

.newsList .info span{



     

    font-weight: bold;!important;

    color: #ff961c; 

 

}



.newsList .info h4{

  

    font-size:30px;

    color: #fff;

     padding-top: 10px;

    line-height: 30px;

}



.newsList .info p{ 

 

    font-size:14px;

    line-height: 30px;

 color: #fff;



}



.newsList .img{

 border:#ddd solid 1px;



}

 

.newsList li h4{



    color: #000;

 border-top: 2px solid #eee;

    transition: all .3s ease-out 0s;



    font-size:18px;

font-weight: bold;

    padding: 18px 0 0;

    line-height: 40px;



}



.newsList p{



    color: #444;



    font-size: 14px;



    line-height: 26px;



    max-height: 52px;



    



}



.newsList li:hover{



  



    padding:10px;



    border-bottom: none;



}



.newsList li:hover .info,.newsList dl .info{



    background: #ff961c;



}



 



.newsList li:hover .time h5,.newsList li:hover .time p,.newsList li:hover .time h6{



    color:#1a3970;



}



 



.newsList  em{



    display: block;



    width: 120px;



    height: 35px;

 



    line-height: 35px;



    text-align: center;



    font-size:14px;



    color:#333; 

    font-style: normal;



    border-radius: 25px;

    border: 2px solid #eee;



    margin-top: 30px;

 

    transition:all .3s;



}

/* 单页关于我们 */







.page_aboutindex{



    background: url(../images/aboutbg.png) no-repeat left top;



}



.page_aboutindex .panel1 h4{



    font-size:30px;



    color:#333;



    padding: 40px 0 0;



}



.page_aboutindex .panel1 h4:after{



    display: block;



    content:'';



    width: 50px;



    height: 4px;



    background:#1a3970;



    margin-top: 30px;



}



.page_aboutindex .panel1 .con{



    padding: 35px 60px 0 0;



    font-size:16px;



    color:#333;



}



.page_aboutindex .panel2 ul{



    padding-right: 60px;



}



.page_aboutindex .panel2 ul li{



    flex-grow:1;



    flex-basis: 45%;



    background: #1a3970;



    margin:0 0 3px 3px;



    height: 260px;



    padding: 30px 50px;



    display: flex;



    justify-content: center;



    flex-direction: column;



    align-items: center;



}



.page_aboutindex .panel2 ul li:nth-child(odd){



    margin-left: 0;



}



.page_aboutindex .panel2 ul li .img{



    margin-bottom: 15px;



}



.page_aboutindex .panel2 ul li p{



    font-size:16px;



    text-align: center;



    color:#fff;



    height: 90px;



    overflow: hidden;



}



.page_aboutindex .panel2 ul li .line{



    width: 20px;



    height: 2px;



    background: #fff;



    margin-top: 20px;



}



.page_aboutindex .panel2 ul li:nth-child(2){



    background: #bbb;



}



.page_aboutindex .panel2 ul li:nth-child(3){



    background: #333;



}



.page_aboutindex .panel2 ul li:nth-child(4){



    background: #1a3970;



}



.page_aboutindex .panel2 .con p{



    font-size:16px;



    margin-top:30px;



}



.page_aboutindex .panel3{



    position: relative;



}



.page_aboutindex .panel3 .con{



    position: absolute;



    height: 100%;



    left: 0;



    top: 0;



    width: 50%;



    background: rgba(11,89,57,.8);



    color:#fff;



    padding: 60px;



}



.page_aboutindex .panel3 .con h4{



    font-size:28px;



}



.page_aboutindex .panel3 .con p{



    font-size:16px;



    padding: 0 0 0 22px;



    margin:30px 0 0;



    position: relative;



}



.page_aboutindex .panel3 .con p:before{



    width: 9px;



    height: 9px;



    background: #fff;



    content:'';



    display: block;



    transform: rotate(45deg);



    position: absolute;



    left: 0;



    top:10px;



}



.page_aboutindex .panel4 li{



    margin-top: 40px;



}







/* page_about_developindex */







.about_develop_wrap{



    padding: 60px 0 50px;



}



.about_develop{



    padding: 34px 60px 0;



    border-bottom: 2px solid #ddd;



}



.about_develop .owl-item{



    text-align: center;



}



.about_develop .owl-item .item{



    font-size:24px;



    color:#666;



    display: inline-block;



    margin:18px;



    width: 75px!important;



    height: 75px;



    border-radius: 50%;



    text-align: center;



    line-height: 75px;



    position: relative;



    font-family: Impact;



    letter-spacing: 1px;



    cursor: pointer;



    transition:all .3s;



}



.about_develop .owl-item .item:before{



    position: absolute;



    content:'';



    width: 111px;



    height: 111px;



    border-radius: 50%;



    left:-18px;



    top:-18px;



    z-index: -1;



    transition:all .3s;



}



.about_develop .owl-item .item span{



    display: block;



    width: 12px;



    height: 12px;



    position: absolute;



    background: #ddd;



    border-radius: 50%;



    bottom:-52px;



    left: 50%;



    transform: translateX(-50%);



    z-index: 99;



    transition:all .3s;



}



.about_develop .owl-item .item span:after{



    display: block;



    position: absolute;



    width: 1px;



    height: 20px;



    background: #ddd;



    content:'';



    bottom: 10px;



    left: 5px;



    transition:all .3s;



}



.about_develop .owl-item.cur .item,.about_develop .owl-item:hover .item{



    background: #1a3970;



    color:#fff;



}



.about_develop .owl-item.cur .item:before,.about_develop .owl-item:hover .item:before{



    background:rgba(136,193,34,.3);



}



.about_develop .owl-item.cur .item span,.about_develop .owl-item:hover .item span{



    background: #1a3970;



}



.about_develop .owl-item.cur .item span:after,.about_develop .owl-item:hover .item span:after{



    background: #1a3970;



    height: 50px;



}



.about_develop .owl-wrapper-outer{



    padding: 0 0 34px;



}



.about_develop .owl-buttons>div{



    position: absolute;



    width: 50px;



    height: 60px;



    border:1px solid #bbb;



    text-align: center;



    line-height: 60px;



    top: 50%;



    transform: translateY(-50%);



    transition:all .3s;



}



.about_develop .owl-buttons>div span{



    font-size:24px;



    color:#bbb;



}



.about_develop .owl-buttons .owl-prev{



    left:0;



}



.about_develop .owl-buttons .owl-next{



    right:0;



}



.about_develop .owl-buttons .owl-prev span{



    display: block;



    transform: rotate(180deg);



}



.about_develop .owl-buttons>div:hover{



    background: #1a3970;



    border-color: #1a3970;



}



.about_develop .owl-buttons>div:hover span{



    color:#fff;



}







.about_develop_wrap ul{



    padding:50px 80px 0;



    height:180px;



}



.about_develop_wrap ul li{



    display: none;



}



.about_develop_wrap ul li h4{



    font-size:54px;



    color:#1a3970;



    font-family: Impact;



    float: left;



}



.about_develop_wrap ul .con{



    padding:20px 0 0 40px;



    float: left;



}



.about_develop_wrap ul li p{



    font-size:16px;



    position: relative;



    padding: 0 0 0 25px;



}

 



/* panel2_honor */



.panel2_honor{



    padding: 40px 30px;



}

.panel2 .col-md-6{padding:0px;margin:0px;}



.panel2_honor .item{

 

    padding:0 0px;

    border:1px solid #ddd;



}



.panel2_honor .item .img{

 padding-top: 50px;

width: 57%;

margin: 0 auto;

    

}



.panel2_honor .item h4{



    font-size:16px;



    text-align: center;



    margin:30px 30px 10px;



    color:#333;



    line-height: 1.7;



    height: 46px;



    overflow: hidden;



}



.panel2_honor .owl-buttons>div{



    position: absolute;



    text-align: center;



    top: 34%;



    transition:all .3s;



}



.panel2_honor .owl-buttons>div span{



    font-size:36px;



    color:#bbb;



}



.panel2_honor .owl-buttons .owl-prev{



    left:0;



}



.panel2_honor .owl-buttons .owl-next{



    right:0;



}



.panel2_honor .owl-buttons .owl-prev span{



    display: block;



    transform: rotate(180deg);



}



.panel2_honor .owl-buttons>div:hover span{



    color:#1a3970;



}







/* page_about_serviceindex */







.page_about_serviceindex h2{



    font-size:24px;



    color:#333;



    text-align: center;



}



.page_about_serviceindex .panel1 li{



    flex:1;



    margin-right: 70px;



}



.page_about_serviceindex .panel1 li:last-child{



    margin-right: 0;



}



.page_about_serviceindex .panel1 li .img{



    background: url(../images/about_service1.png) no-repeat center;



    width: 420px;



    height: 300px;



}



.page_about_serviceindex .panel1 li .img h4{



    font-size:28px;



    color:#fff;



    line-height: 120px;



    text-align: center;



    margin-top: 93px;



    width: 120px;



}



.page_about_serviceindex .panel1{



    margin-top: 60px;



}



.page_about_serviceindex .panel1 li .img .c{



    padding:60px 0 0 40px;



}



.page_about_serviceindex .panel1 li .img .c p{



    font-size:14px;



    color:#fff;



    position: relative;



    padding: 0 0 0 17px;



}



.page_about_serviceindex .panel1 li .img .c p:before{



    content:'';



    width: 7px;



    height: 7px;



    background: #fff;



    border-radius: 50%;



    display: block;



    position: absolute;



    left: 0;



    top:10px;



}



.page_about_serviceindex .panel1 li .con{



    padding:20px 0 0 55px;



}



.page_about_serviceindex .panel1 li .con h4{



    color:#ff961c;



    font-size:24px;



    margin-bottom: 20px;



}



.page_about_serviceindex .panel1 li .con p{



    font-size:16px;



    color:#333;



    padding: 0 0 0 17px;



    position: relative;



}



.page_about_serviceindex .panel1 li .con p:before{



    content:'';



    display: block;



    width: 7px;



    height: 7px;



    background: #333;



    border-radius: 50%;



    left: 0;



    top: 10px;



    position: absolute;



}







.page_about_serviceindex .panel2_w{



    background: #eee;



    padding-top:45px;



}



.page_about_serviceindex .panel2 ul{



    margin-top: 35px;



}



.page_about_serviceindex .panel2 ul li{



    flex:1;



    display: flex;



    justify-content: center;



    flex-direction: column;



    text-align: center;



}



.page_about_serviceindex .panel2 ul li img{



    width: 320px;



    margin:auto;



}



.page_about_serviceindex .panel2 ul li h4{



    font-size:18px;



    color:#1a3970;



    font-weight: bold;



}



.page_about_serviceindex .panel2 ul li p{



    font-size:16px;



    color:#333;



    margin:8px 0 25px;



}



.page_about_serviceindex .panel2 .info{



    margin-top: 55px;



    font-size:16px;



    color:#333;



    text-align: center;



}







.page_about_serviceindex .panel3{



    padding-top: 45px;



}



.page_about_serviceindex .panel3 .con{



    text-align: center;



    padding: 40px 0 0;



}



.page_about_serviceindex .panel3 .con h4{



    color:#1a3970;



    font-size:24px;



    font-weight: bold;



    margin:30px 0 40px;



}



.page_about_serviceindex .panel3 .con p{



    font-size:16px;



    color:#333;



}



.page_about_serviceindex .panel3 ul{



    justify-content: center;



    margin:25px 0 75px;



}



.page_about_serviceindex .panel3 ul li{



    width: 200px;



    height: 280px;



    margin:0 85px;



    background: #eee;



}



.page_about_serviceindex .panel3 ul li h4{



    height: 80px;



    line-height: 80px;



    text-align: center;



    background: #1a3970;



    font-size:28px;



    font-weight: bold;



    color:#fff;



}



.page_about_serviceindex .panel3 ul li p{



    font-size:16px;



    color:#333;



    padding: 20px;



}



.page_about_serviceindex .panel3 .img img{



    margin:auto;



}



.page_about_serviceindex .panel4 ul{



    margin-top:35px;



}



.page_about_serviceindex .panel4 ul li h4{



    font-size:20px;



    color:#fff;



    font-weight: bold;



    background: #1a3970;



    height: 50px;



    overflow: hidden;



    line-height: 50px;



    text-align: center;



}



.page_about_serviceindex .panel4 ul li:nth-child(2) h4{



    background: #1a3970;



}



.page_about_serviceindex .panel4 ul li:nth-child(3) h4{



    background: #0070c0;



}



.page_about_serviceindex .panel4 ul li:nth-child(4) h4{



    background: #2f5597;



}



.page_about_serviceindex .panel4 ul li .con{



    padding: 16px 0 0;



}



.page_about_serviceindex .panel4 ul li .con p{



    font-size:16px;



    color:#333;



    line-height: 1.7;



    padding:0 0 0 14px;



    position: relative;



    margin-bottom: 5px;



}



.page_about_serviceindex ul .panel4 li .con p:before{



    content:'*';



    font-size:14px;



    position: absolute;



    left: 0;



    top: 4px;



}







/* page_about_dutyindex */







.page_about_dutyindex [class*="col-md-"]{



    padding-left:0;



    padding-right: 0;



}



.page_about_dutyindex .con{



    padding: 60px 60px 0;



    color:#fff;



    font-size:16px;



    height: 250px;



}



.page_about_dutyindex .con1{



    background: #ff961c;



}



.page_about_dutyindex .con2{



    padding: 50px 50px 0;



    background: #1a3970;



}



.page_about_dutyindex .con3{



    background: #ff961c;



    height: 500px;



}



.page_about_dutyindex .con3 p{



    margin-bottom: 40px;



}











/* page_solution_leaseindex */











.page_solution_leaseindex .hd ul{



    text-align: center;



    margin-bottom: 38px;



}



.page_solution_leaseindex .hd li{



    display: inline-block;



    font-size:24px;



    margin:0 80px;



    padding: 0 10px;



    cursor: pointer;



}



.page_solution_leaseindex .hd li.cur{



    border-bottom: 4px solid #1a3970;



    color:#1a3970;



    position: relative;



}



.page_solution_leaseindex .hd li.cur:after{



    position: absolute;



    content:'';



    display: block;



    bottom: -12px;



    left: 50%;



    transform: translateX(-50%);



    border-top: 8px solid #1a3970;



    border-right: 6px solid transparent;



    border-left: 6px solid transparent;



}











/* solution_lease_dt */







.page_solution_leaseindex .solution_leasetab{



    display: none;



}



.solution_lease_jt h4{



    font-size:30px;



    text-align: center;



}



.solution_lease_dt .panel1 .con{



    font-size:16px;



}



.solution_lease_dt .panel1 .img{



    margin:25px 0 0;



}



.solution_lease_dt .panel1 .img img{



    margin-right: 54px;



    display: inline-block;



}



.solution_lease_dt .panel1 .img img:last-child{



    margin-right: 0;



}



.solution_lease_dt .panel2 img{



    margin:auto;



}







.solution_lease_dt .panel3 .row{



    margin-top: 30px;



}



.solution_lease_dt .panel3 .con{



    padding: 25px 45px;



    position: relative;



}



.solution_lease_dt .panel3 .con:after{



    width:0;



    height: 100%;



    content:'';



    display: block;



    position: absolute;



    left: 0;



    top: 0;



    transition:all .3s;



}



.solution_lease_dt .panel3 i{



    font-size:48px;



    color:#8dc73f;



    line-height: 1.2;



    padding-right: 50px;



    position: relative;



    z-index: 2;



}



.solution_lease_dt .panel3 i:after{



    width: 1px;



    height: 20px;



    background: #bbb;



    display: block;



    content:'';



    position: absolute;



    right: 25px;



    top:16px;



    z-index: 2;



}



.solution_lease_dt .panel3 p{



    font-size:14px;



    z-index: 2;



    position: relative;



}



.solution_lease_dt .panel3 .con:hover:after{



    width: 100%;



    background: linear-gradient( to right,#ff961c,#ff961c);



}



.solution_lease_dt .panel3 .con:hover i{



    color:#fff;



}



.solution_lease_dt .panel3 .con:hover i:after{



    background:#fff;



}



.solution_lease_dt .panel3 .con:hover p{



    color:#fff;



}



.solution_lease_dt .panel4 ul{



    margin-top: 10px;



}



.solution_lease_dt .panel4 li{



    margin-top: 20px;



}











/* page_solution_customerindex */







.page_solution_customerindex .tit_box2{



    margin-bottom: 30px;



}



.page_solution_customerindex ul{



    background: #eee;



    padding: 70px;



    height: 420px;



}



.page_solution_customerindex ul li{



    margin-bottom: 40px;



}



.page_solution_customerindex ul h4{



    font-size:24px;



    color:#ff961c;



}



.page_solution_customerindex ul h4 span{



    font-size:20px;



    color:#1a3970;



    margin-right: 5px;



}



.page_solution_customerindex ul li p{



    font-size:16px;



    margin-top: 20px;



}



.page_solution_customerindex ul>.row{



    margin-top: 20px;



}



.page_solution_customerindex ul>.row p{



    font-size:16px;



    position: relative;



    margin-bottom: 6px;



    padding: 0 0 0 20px;



    height: 30px;



    line-height: 30px;



    overflow: hidden;



}



.page_solution_customerindex ul>.row p:before{



    content:'';



    height: 7px;



    width: 7px;



    position: absolute;



    border-radius: 50%;



    background: #ff961c;



    left: 0;



    top: 10px;



}











/* page_solution_transportindex */











.page_solution_transportindex li{



    transition:all .3s;



    cursor: help;



}



.page_solution_transportindex li:nth-child(3) .col-md-6:first-child,.page_solution_transportindex li:nth-child(4) .col-md-6:first-child,.page_solution_transportindex li:nth-child(7) .col-md-6:first-child,.page_solution_transportindex li:nth-child(8) .col-md-6:first-child{



    float: right;



}



.page_solution_transportindex .col-md-6{



    padding:0;



}



.page_solution_transportindex .con{



    padding: 45px 50px 0;



}



.page_solution_transportindex .con h4{



    font-size:16px;



    color:#333;



    font-weight: bold;



    position: relative;



    margin-bottom: 15px;



}



.page_solution_transportindex .con h4:after{



    display: block;



    content:'';



    width: 7px;



    height: 7px;



    background: #1a3970;



    border-radius: 50%;



    position: absolute;



    left: -18px;



    top: 5px;



}



.page_solution_transportindex .con p{



    font-size:15px;



    color:#666;



}



.page_solution_transportindex li:hover{



    background: #1a3970;



}



.page_solution_transportindex li:hover h4{



    color:#fff;



}



.page_solution_transportindex li:hover h4:after{



    background: #fff;



}



.page_solution_transportindex li:hover p{



    color:#fff;



}







.page_solution_processindex h4{



    font-size:28px;



    font-weight: bold;



    margin-bottom: 70px;



    color:#333;



    text-align: center;



}



.page_solution_processindex img{



    margin:auto;



}







/* page_solution_operateindex */











.page_solution_operateindex .tit{



    font-size:40px;



    font-weight: bold;



    color:#ff961c;



    letter-spacing: 3px;



    line-height: 1;



}



.solution_operate_map{



    position: relative;



}



.solution_operate_map .marks .mark{



    position: absolute;



    padding: 0;



    background: none;



}



.solution_operate_map .marks .mark1{



    right: 96px;



    top: 297px;



}



.solution_operate_map .marks .mark2{



    right: 240px;



    top: 308px;



}



.solution_operate_map .marks .mark3{



    right: 115px;



    top: 325px;



}



.solution_operate_map .marks .mark4{



    right: 30px;



    top: 435px;



}



.solution_operate_map .marks .mark5{



    right: 14px;



    top: 460px;



}



.solution_operate_map .marks .mark6{



    right: 180px;



    top: 465px;



}



.solution_operate_map .marks .mark7{



    right: 260px;



    top: 494px;



}



.solution_operate_map .marks .mark8{



    right: 355px;



    top: 517px;



}



.solution_operate_map .marks .mark9{



    right: 130px;



    bottom: 110px;



}



.solution_operate_map .marks .mark10{



    right: 130px;



    bottom: 90px;



}



.solution_operate_map .marks p{



    font-size:14px;



    color:#1a3970;



    margin:-10px 20px 0 5px;



}



.solution_operate_map .pin{



  width: 24px;



  height: 24px;



  border-radius: 50% 50% 50% 0;



  background: #1a3970;



  transform: rotate(-45deg);



  margin: -20px 0 0 -20px;



  animation-name: bounce;



  animation-fill-mode: both;



  animation-duration: 1s;



}



.solution_operate_map .pin:after {



  content: '';



  width: 12px;



  height: 12px;



  margin: 6px 0 0 6px;



  background: #bbd4ef;



  position: absolute;



  border-radius: 50%;



}



.solution_operate_map .pulse {



  background:#1a3970;



  border-radius: 50%;



  height: 10px;



  width: 10px;



  margin: 8px 0px 0px -12px;



  transform: rotateX(55deg);



}



.solution_operate_map .pulse:after{



  content: "";



  border-radius: 50%;



  height: 34px;



  width: 34px;



  position: absolute;



  margin: -13px 0 0 -13px;



  animation: pulsate 1s ease-out;



  animation-iteration-count: infinite;



  opacity: 0;



  filter: alpha(opacity=0);



  box-shadow: 0 0 1px 3px #1a3970;



  animation-delay: 1.1s;



}



@keyframes pulsate{



  0% {



    transform: scale(0.1, 0.1);



    opacity: 0;



    filter: alpha(opacity=0);



  }



  50% {



    opacity: 1;



    filter: none;



  }



  100% {



    transform: scale(1.2, 1.2);



    opacity: 0;



    filter: alpha(opacity=0);



  }



}



@keyframes bounce {



  0% {



    opacity: 0;



    filter: alpha(opacity=0);



    transform: translateY(-2000px) rotate(-45deg);



  }



  60% {



    opacity: 1;



    filter: none;



    transform: translateY(30px) rotate(-45deg);



  }



  80% {



    transform: translateY(-10px) rotate(-45deg);



  }



  100% {



    transform: translateY(0) rotate(-45deg);



  }



}











.solution_operate_txt{



    padding:100px 0 0 50px;



}



.solution_operate_txt h4{



    font-size:24px;



    color:#333;



    line-height: 1.5;



}



.solution_operate_txt li{



    margin-top: 40px;



}



.solution_operate_txt li .round{



    width: 118px;



    height: 118px;



    border-radius: 50%;



    background: #1a3970;



    font-size:30px;



    text-align: center;



    line-height: 118px;



    color:#fff;



    margin:auto;



}



.solution_operate_txt li p{



    height: 60px;



    line-height: 60px;



    font-size:18px;



    color:#333;



    text-align: center;



}



.page_solution_operateindex .slogan{



    text-align: center;



    font-size:24px;



    color:#333;



    margin:40px 0 0;



}







/* page_serviceindex */







.page_serviceindex{



    background: url(../images/service_bg1.png) no-repeat center top;



}



.page_serviceindex .panel1{



    position: relative;



}



.page_serviceindex .panel1 .con{



    position: absolute;



}



.page_serviceindex .panel1 .con h4{



    background: linear-gradient(to right,#36c65b,#248558,#14aeaa);



    border-radius: 20px 20px 0 0;



    height: 50px;



    line-height: 50px;



    font-size:20px;



    font-weight: bold;



    color:#fff;



    width: 210px;



    text-align: center;



    margin-bottom: 20px;



}



.page_serviceindex p{



    font-size:16px;



    padding: 0 0 0 17px;



    position: relative;



}



.page_serviceindex p:before{



    width: 7px;



    height: 7px;



    background: #1a3970;



    border-radius: 50%;



    content:'';



    left: 0;



    position: absolute;



    top: 12px;



}



.page_serviceindex .panel1 .con1{



    left: 30px;



    top: 300px;



    width: 270px;



}



.page_serviceindex .panel1 .con2{



    left:330px;



    top: 0;



    width: 300px;



}



.page_serviceindex .panel1 .con3{



    right:175px;



    top: 0;



    width: 410px;



}



.page_serviceindex .panel1 .con4{



    right: 30px;



    top: 300px;



    width: 280px;



}



.page_serviceindex .panel1 .img{



    padding:250px 0 0;



}



.page_serviceindex .panel1 .img img{



    margin:auto;



}



.page_serviceindex .panel2{



    padding: 0 0 0 30px;



}



.page_serviceindex .panel2 h4{



    font-size:16px;



    font-weight: bold;



    color:#ff961c;



    margin-bottom: 16px;



}



.page_serviceindex .panel2 p{



    display: inline-block;



    margin:0 20px 0 0;



}







/* page_service_faqindex */







.page_service_faqindex .tit{



    height: 60px;



    background: #eee;



    padding:0 20px 0 40px;



    font-size:24px;



    color:#000;



    line-height: 60px;



    border:1px solid #ddd;



    position: relative;



}



.page_service_faqindex .tit:before{



    width: 5px;



    height: 24px;



    background: #ff961c;



    content:'';



    position: absolute;



    left: 20px;



    top: 18px;



}



.page_service_faqindex .con{



    border:1px solid #ddd;



    border-top: 0;



}



.page_service_faqindex ul li{



    position: relative;



    height:58px;



    transition:all .3s;



}



.page_service_faqindex ul li h4{



    border-bottom: 1px solid #ddd;



    height: 58px;



    line-height: 58px;



    padding: 0 0 0 40px;



    overflow: hidden;



}



.page_service_faqindex ul li:last-child h4{



    border-bottom: none;



}



.page_service_faqindex ul li h4 a{



    flex:1;



    position: relative;



    padding: 0 0 0 25px;



    color:#333;



    font-size:16px;



}



.page_service_faqindex ul li h4 a:before{



    content:'';



    background: #333;



    width: 7px;



    height: 7px;



    position: absolute;



    transform: rotate(45deg);



    left: 0;



    top: 25px;



}



.page_service_faqindex ul li h4 .btns{



    width: 70px;



    position: relative;



}



.page_service_faqindex ul li h4 .btns span{



    display: block;



    position: absolute;



    left: 50%;



    top: 50%;



    transform: translate(-50%,-50%);



    font-size:18px;



    color:#1a3970;



    cursor: pointer;



}



.page_service_faqindex ul li.on .btns span:first-child{



    display: none;



}



.page_service_faqindex ul li p{



    padding:0 65px;



    display: flex;



    align-items: center;



    background: #1a3970;



    color:#fff;



    font-size:14px;



    height: 0;



    position: absolute;



    left: 0;



    top:58px;



    width: 100%;



    visibility: hidden;



    transition:all .3s;



}



.page_service_faqindex ul li.on{



    height: 153px;



}



.page_service_faqindex ul li.on p{



    height: 95px;



    visibility: visible;



}







/* page_product_app */







.page_product_app{



    padding-bottom: 40px;



}



.page_product_app .row{



    margin:0 -50px;



}



.page_product_app li{



    padding: 0 50px 50px;



}



.page_product_app li a{



    position: relative;



    display: block;



    overflow: hidden;



}



.page_product_app li .img{



    max-height: 350px;



    overflow: hidden;



}



.page_product_app li .img img{



    width: 100%;



}



.page_product_app li .con{



    position: absolute;



    left: 0;



    bottom: 0;



    width: 100%;



    height:50px;



    background: rgba(0,78,58,.8);



    text-align: center;



    color:#fff;



    display: flex;



    justify-content: center;



    flex-direction: column;



    transition:all .3s;



    padding: 0 90px;



}



.page_product_app li .con h4{



    font-size:18px;



    font-weight: bold;



}



.page_product_app li .con h4:after{



    width: 20px;



    height: 2px;



    background: #fff;



    content:'';



    display: block;



    margin: 20px auto 25px;



    display: none;



}



.page_product_app li .con p{



    font-size:14px;



    display: none;



}



.page_product_app li:hover .con{



    padding: 50px 90px;



    height: 100%;



}



.page_product_app li:hover .con h4:after{



    display: block;



}



.page_product_app li:hover .con p{



    display: block;



}











/* 单页联系我们 */











.page_contactindex {



    



}



.page_contactindex .tit{



    text-align: center;



}



.page_contactindex .tit h4{



    font-size:28px;



    font-weight: bold;



    color:#000022;



    margin:0 0 15px;



}



.page_contactindex .tit p{



    font-size:14px;



    color:#999;



}



.page_contactindex ul{



    margin:40px 0px 0;

    box-shadow: 0 0 20px rgba(0,0,0,.1);



}



.page_contactindex li{



    display: flex;



    flex:1;



    



    flex-direction: column;



    justify-content: left;



    align-items:left;



    



    height: 450px;



    background: #fff;



   padding-top: 80px;

    padding-left: 80px;



}



.page_contactindex li i{



    color:#1a3970;



    font-size:48px;



    display: block;



    line-height: 1;

     



}

.page_contactindex li h3{



    font-size:24px;

font-weight: bold;

    

    color:#333;

 

}



.page_contactindex li h4{



    font-size:16px;



    font-weight: bold;



    color:#333;



    margin:30px 0 5px;



}

.page_contactindex li h5{



    font-size:24px;

 font-weight: bold;

    color:#213969;

 



}

.dh{



    background:#153061;

    text-align: left;



}

.page_contactindex li h6{



    font-size:20px;



    

    color:#fff;

 

}

.page_contactindex li h7{



    font-size:36px;

 

    color:#fff;

 

}

.page_contactindex li span{



    font-size:18px;

line-height: 36px;

    font-weight: 100;

    color:#444;

 

}



.page_contactindex li p{



    font-size:14px;

padding-top: 45px;

text-align: left;

    color:#444;

    line-height: 36px;



}







.page_contactindex .map{



    margin:70px 0 0;



    text-align: center;



}















/* 新闻详情 */







.page_newshow{



    padding:0 0 50px;



}



.page_newshow h3{



    font-size:30px;



    font-weight: bold;



    color:#000;



    text-align: center;



}



.page_newshow .desc{



    background: #f7f7f7;



    padding: 14px 20px;



    font-size:14px;



    text-align: center;



}



.page_newshow .info{



    font-size:14px;



    color:#999;



    text-align: center;



    padding: 15px 0 20px;



    border-bottom: 1px dashed #ddd;



}



.page_newshow .info span{



    margin:0 15px;



    display: inline-block;



}



.page_newshow .con{



    font-size:16px;



    padding: 30px 0;



}



.page_newshow .con img{



    margin:auto;



}







/* page_blogsShow */







.page_blogsShow{



    background: #fff;



}



.page_blogsShow .block1{



    padding: 30px 55px 80px;



    border-bottom: 1px solid #ddd;



}



.page_blogsShow h3{



    font-size:20px;



    color:#333;



}



.page_blogsShow .info{



    font-size:14px;



    color:#999;



    padding:15px 0;



}



.page_blogsShow .con{



    font-size:14px;



    color:#333;



}



.page_blogsShow .share{



    margin:10px 0 30px ;



}



.page_blogsShow .share li{



    margin-right: 10px;



}



.blogs_message{



    padding: 30px 55px 80px;



}



.blogs_message h3{



    position: relative;



}



.blogs_message h3:before{



    content:'';



    width: 4px;



    height: 18px;



    display: block;



    position: absolute;



    top: 0;



    left:-15px;



    background: #0063ae;



}



.blogs_message label{



    font-size:14px;



    font-weight: normal;



}



.blogs_message form{



    margin-top:20px;



}



.blogs_message .form-group{



    margin-bottom: 25px;



}











.relate_scroll li{padding: 0 20px;}



/* 相关新闻 */







.related_protit{ height:45px; font-size: 18px;



    font-weight: bold;}







.related_tit{



    height: 52px; 



   font-size: 16px;



   font-weight: bold;



    position: relative;

padding: 35px 0;

   



}



.related_tit h4{



    background:url(../images/cpbg.png);



    line-height:52px;



    display: inline-block;



    font-size:18px;



    color:#fff;



    font-weight: bold;width: 183px;



    padding: 0 24px;



}



.related_news li .flex{



    height: 42px;



    line-height: 42px;



    overflow: hidden;



    border-bottom: 1px dashed #ddd;



}



.related_news li a{



    display: block;



    color:#333;



    font-size:14px;



    position: relative;



    padding: 0 0 0 16px;



    flex:1;



}



.related_news li a:before{



    width:4px;



    height:4px;



    background: #333;



    content:'';



    display: block;



    position: absolute;



    left: 0;



    top: 18px;



    transform: rotate(45deg);



}



.related_news li span{



    color:#999;



    font-size:14px;



}







/* 相关案例 */







.latest_cases li{



    margin-bottom: 10px;



}



.latest_cases li p{



    height: 30px;



    line-height: 30px;



    overflow: hidden;



    text-align: center;



}











/* 产品详情页 */







.picShow_box{



    height: 560px;



}



.picShow_box .swiper-slide {



   background-size: cover;



   background-position: center;



}



.picShow_item_w{



     height: 560px;



     border:1px solid #ddd;



     padding: 35px;



}



.picShow_item{



     height:490px;



}



.picShow_thumbs{



   box-sizing: border-box;



   border-top:4px solid #ff961c;



   border-bottom:4px solid #ff961c;



   width: 120px;



   padding: 20px 0 !important;



   height: 540px;



}



.picShow_thumbs .swiper-slide{



    border:1px solid #ddd;



    height: 90px!important;



    width: 120px;



}



.picShow_thumbs .swiper-slide-thumb-active{



    border-color: #1a3970;



    



}



.picShow_thumbs .swiper-button-black:after{



    font-size:20px;



    background: #fff;



}



.picShow_thumbs .swiper-wrapper{



    



}



.picShow_thumbs .swiper-button-prev,.picShow_thumbs .swiper-button-next{



    top: 22px;



    width: 40px;



    height: 30px;



    left: 50%;



    transform: translateX(-50%);



    z-index: 999;



    cursor: pointer;



    background: #1a3970;



}



.picShow_thumbs .swiper-button-prev i,.picShow_thumbs .swiper-button-next i{



    font-size:18px;



    color:#fff;



    display: block;



    line-height: 30px;



}



.picShow_thumbs .swiper-button-prev:after,.picShow_thumbs .swiper-button-next:after{



    display: none;



}



.picShow_thumbs .swiper-button-next{



    top: auto;



    bottom: 0;



}







.picShow_tit{



    margin:60px 0 0 10px;



}



.picShow_tit h3{



    font-size:24px;



    color:#333;



    padding: 0 0 30px;



    font-weight: bold;



}



.picShow_tit .btns {



    justify-content: center;



    margin:30px 0 0;



}



.picShow_tit .btns a{



    display: flex;



    width: 200px;



    height: 40px;



    background: #ff961c;



    border-radius: 30px;



    color:#fff;



    align-items: center;



    margin:0 40px 30px;



}



.picShow_tit .btns a span{



    flex:1;



    justify-content: center;



    display: flex;



    font-size:14px;



    text-transform: uppercase;



}



.picShow_tit .btns a i{



    width: 30px;



    height: 30px;



    border-radius: 50%;



    background: #fff;



    color:#ff961c;



    font-size:22px;



    text-align: center;



    line-height: 30px;



    margin-right: 5px;



}



.picShow_tit .btns a.a2{



    background: #1a3970;



}



.picShow_tit .btns a.a2 i{



    color:#1a3970;



}



.picShow_tit .share span{



    font-size:16px;



    font-weight: 500;



    color:#333;



    margin-right: 10px;



}



.picShow_tit .share a{



    display: inline-block;



    width: 35px;



    height: 35px;



    border:2px solid #bbb;



    color:#bbb;



    border-radius: 50%;



    text-align: center;



    line-height: 31px;



    margin:0 2px 0 0;



}



.page_picShow .page_index{  margin-top:40px;}

    .page_index{margin-top: 20px;}

.page_index .col-md-3{padding:10px 10px 10px;10px;}

.page_index h5{background:url(../images/lh.jpg) no-repeat;margin-top:20px;line-height:40px;margin-left:10px;font-size:16px;color:#fff;padding-left:60px;}

  

.page_index .img1{  margin:10px 0px; display:block;border:1px solid #bbb;}



.page_index .con h4{color:#333;font-size:14px;text-align:center;line-height:30px;}

.page_index .col-md-6{padding-top:3px;color:#444;}

.page_index .col-md-6 span{float:right;color:#999;font-size:14px;}

.picShow_message{



    background: #f7f7f7;



    padding: 0 0 70px;



    margin-bottom: 40px;



}



.picShow_message .related_tit{



    padding: 0 20px;



}



.picShow_message form{



    padding: 30px 40px 0;



}



.picShow_message label{



    font-size:14px;



    font-weight: normal;



    text-transform: capitalize;



}



.picShow_message label span{



    color:red;



}







/* related_products */











.related_products{



    border:1px solid #ddd;



    padding: 20px 30px;



    margin-top: 40px;



}



.related_products h4{



    font-size:18px;



    font-weight: bold;



    color:#333;



    margin-bottom: 20px;



}



.related_products li img{



    border:1px solid #ddd;



}



.related_products li p{



    overflow: hidden;



    color:#333;



    font-size:14px;



    margin:10px 0 0;



    height: 20px;



    line-height: 20px;



    font-weight: bold;



    padding: 0 10px;



    text-align: center;



}







/*inner_share_box*/







.inner_share_box{



    margin:20px 0 0;



    line-height: 28px;



}



.inner_share_box .tag{



    flex:1;



}



.inner_share_box .tag i{



    width: 28px;



    height: 28px;



    background: #ff961c;



    border-radius: 50%;



    font-size: 14px;



    color:#fff;



    text-align: center;



    line-height: 28px;



    display: block;



    margin:0 10px 0 0;



}



.inner_share_box .tag a{



    color:#333;



    font-size:14px;



    margin:0 5px 0 0;



}











/* 案例列表 */







.page_caseList{



    padding: 20px 0 0;



}



.page_caseList li{



    margin-bottom:20px;



}



.page_caseList li a{



    display: block;



    background: #fff;



    overflow: hidden;



}



.page_caseList li .con{



    padding: 50px 15px 0 0;



}



.page_caseList li .con h4{



    font-size:20px;



    color:#151515;



    font-weight: bold;



}



.page_caseList li .con p{



    font-size:14px;



    margin:10px 0 20px;



    color:#777;



}



.page_caseList li .con span{



    display: block;



    background: #e7b20e;



    color:#fff;



    display: inline-block;



    padding: 5px 20px;



    font-size:14px;



    transition:all .3s;



}



.page_caseList li .con span:hover{



    background: #3f4959;



    color:#fff;



}







/* blogs */



.inner_blogs{



    background: #f6f6f6;



    padding: 50px 0 60px;



}



.page_blogsList li{



    background: #fff;



    padding:30px 50px;



    border-bottom: 3px solid #ddd;



    margin-bottom: 27px;



}



.page_blogsList li h4{



    color:#333;



    font-size:20px;



    line-height: 1;



    position: relative;



}



.page_blogsList li h4:before{



    content:'';



    display: block;



    width: 4px;



    height: 16px;



    position: absolute;



    top: 0;



    left: -15px;



    background: #0063ae;



}



.page_blogsList li .info{



    color:#999;



    font-size:14px;



    margin:15px 0;



}



.page_blogsList li .con{



    color:#333;



    font-size:14px;



    line-height: 1.8;



}



.page_blogsList li .more{



    display: block;



    margin-top:30px;



    display: inline-block;



    color:#0063ae;



    border-bottom: 1px solid #0063ae;



}



.page_blogs_right .blog_item{



    background: #fff;



    margin-bottom: 30px;



    padding: 30px;



    border-top: 3px solid #0063ae;



}



.page_blogs_right .blog_item .key{



    height: 45px;



    flex:1;



    border:1px solid #ddd;



    border-right:none;



    padding: 0 10px;



    font-size:14px;



}



.page_blogs_right .blog_item .btn{



    background: #f7c200;



    border-radius: 0;



    font-size:14px;



    text-transform: capitalize;



    color:#000;



}



.page_blogs_right .blog_item h4{



    font-size:18px;



    color:#333;



    padding: 0 0 15px;



    border-bottom: 1px solid #ddd;



    position: relative;



}



.page_blogs_right .blog_item h4:after{



    content:'';



    width: 80px;



    height: 3px;



    background: #0063ae;



    border-radius: 1px;



    display: block;



    position: absolute;



    left: 0;



    bottom: -2px;



}



.page_blogs_right .blog_item li{



    line-height: 1.5;



    padding: 14px 0;



    border-bottom: 1px solid #ddd;



}



.page_blogs_right .blog_item li a{



    display: flex;



    vertical-align: middle;



}



.page_blogs_right .blog_item li i{



    font-size:18px;



    color:#333;



    line-height: 1.2;



    margin-right: 8px;



}



.page_blogs_right .blog_item li span{



    font-size:14px;



    color:#333;



}







.page_hotpic .tit{



    font-size:18px;



    text-align: center;



    position: relative;



    margin-bottom: 7px;



}



.page_hotpic .tit::before,.page_hotpic .tit::after{



    width:50px;



    height:1px;



    background: #eee;



    content:'';



    display:block;



    position: absolute;



    top:15px;



    left:0;



}



.page_hotpic .tit::after{



    left:auto;



    right:0;



}



.page_hotpic li{



    margin-bottom: 10px;



}



.page_hotpic li h4{



    font-weight: normal;



    text-align: center;



    font-size:14px;



    padding: 10px 0 5px;



}







/*翻页*/







.return_page{



    margin:30px 0 0;



    height: 50px;



    line-height: 50px;



    overflow: hidden;



    background: #eee;



}



.return_page p{



    flex:1;



    display: flex;



}



.return_page p span{



    font-size:14px;



    color:#333;



    line-height:50px;



    overflow: hidden;



    height:50px;



    display: block;



    flex:1;



    margin:0 10px;



}



.return_page p i{



    background: #1a3970;



    height:50px;



    font-size:14px;



    padding: 0 10px;



    text-align: center;



    line-height:50px;



    display: inline-block;



    color:#fff;



    font-style: inherit;



    border-radius: 3px;



}



.return_page p a{



    color: #333;



}



.return_page .go_history a{



    background: #3c4147;



    width:70px;



    height:30px;



    line-height:30px;



    text-align: center;



    color:#fff;



    position: absolute;



    right:0;



    top:50%;



    display:block;



    transform: translateY(-50%);



}







/* 页码 */







.pagination{



    text-align: center;



    display: block;



}



.pagination li{



    display: inline-block;



    margin:0 1px;



}



.pagination li span,.pagination li a{



    display: block;



    padding:0 10px;



    line-height:29px;



    background: #f7f7f7;



    color:#333;



}



.pagination li.active a{



    background: #f29700;



    color:#fff;



    border-color: #f29700;



}















/*在线留言*/



#my_form{



    padding: 30px 0 0;



}



#my_form table{



    width: 100%;



}



#my_form tr{



    display: inline-flex;



    width: 48%;



    margin-bottom: 15px;



}



#my_form tr:nth-child(2n){



    margin-left:4%;



}



#my_form tr.content{



    width: 100%!important;



    display: flex;



    margin-left:0;



}



#my_form tr td:first-child{



    line-height: 34px;



    color: #333;



}



#my_form tr td:last-child{



    flex: 1;



}



#my_form tr input,#my_form tr textarea{



    height:34px;



    width: 100%!important;



    border: 1px solid #ccc;



    padding: 0 10px;



    color: #333;



    outline: none;



    border-radius: 4px;



    font-size: 14px;



    font-family: 微软雅黑;



    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);



    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;



}



#my_form tr input:focus,#my_form tr textarea:focus{



    border-color: #66afe9;



    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);



}



#my_form tr ::placeholder{



    color: #999;



    font-family: 微软雅黑;



    font-size: 14px;



}



#my_form tr textarea{



    height:100px;



    padding-top: 6px;



}



#my_form .btn{



    margin-left:30px;



}



#my_form .btn input{



    display: inline-block;



    padding: 6px 12px;



    margin-bottom: 0;



    font-size: 14px;



    font-weight: 400;



    line-height: 1.42857143;



    text-align: center;



    white-space: nowrap;



    vertical-align: middle;



    -ms-touch-action: manipulation;



    touch-action: manipulation;



    cursor: pointer;



    -webkit-user-select: none;



    -moz-user-select: none;



    -ms-user-select: none;



    user-select: none;



    background-image: none;



    border: 1px solid transparent;



    border-top-color: transparent;



    border-right-color: transparent;



    border-bottom-color: transparent;



    border-left-color: transparent;



    border-radius: 4px;



}



#my_form .btn input:first-child{



    color: #fff;



    background-color: #337ab7;



    border-color: #2e6da4;



}



#my_form .btn input:first-child:focus{



    color: #fff;



    background-color: #286090;



    border-color: #122b40;



}







.bdsharebuttonbox span{



    line-height:30px;



}#header .language {position: relative;padding-right: 1rem}







#header .language::after {color: #333;font-size: 1.3rem;position: absolute;display: block;content: "";top: 20px;right: 0;line-height: 1px}







@media (max-width:768px) {#header .language::after {font-size: 1.13043478rem}



}







#header .language:hover::after {transform: rotate(180deg)}







#header .language:hover dl {opacity: 1;height:62px;transition: opacity .3s, height .8s ease-in-out}







#header .language dl {



    position: absolute;



    width: 70px;



    overflow: hidden;



    height: 0;



    background-color: #fff;



    z-index: 9;



    right: 0;



    top: 60px;



    padding-top: 5px;



    opacity: 0;



    transition: opacity .3s .7s, height .8s ease-in-out;



    box-shadow: 0 4px 6px rgba(70, 70, 70, .4);



}







#header .language dd {border-bottom: 1px solid #eee}







#header .language dd a {display: block;font-size: 13px;color: #333;text-align: center;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;line-height:2;}







#header .language dd:last-child {border-bottom: none}



.pb70mb30{



    background-image:url(../images/gdbj.jpg);



            background-repeat: no-repeat;



            background-position:center center;



            background-size:auto auto;



    max-width: 1600px;



    margin:0 auto;



    text-align: center; 


    height: 210px; 

}

        

.partner_con{padding-top: 25px;  



    margin:0 auto;position: relative;



    text-align: center;}



.partner_con1{padding-top:0px;  width: 100%;padding-bottom: 80px;



    margin:0 auto;position: relative;



    text-align: center;} 



.partner_con .item{



    padding:0 20px;float:left;   



}



 .partner_con1 .item{



    padding:0 20px;float:left;  



}



.partner_con .item img{



    margin:auto; 



}





.w00 { width:100% }



.oh {overflow: hidden;}

@media (max-width:1200px){.navlist{display:none}}

@media (max-width:1200px){.ind_tit h2{font-size:32px;line-height:1.5;color:#1a3970;font-weight:bold;letter-spacing:5px;!important;}}  



.ind_tit {

 

    text-align: center;



    position: relative;



    padding: 3vw 0 2vw;



    margin-bottom: 15px;



}

.ind_tit em {font-size:20px; color:#ff951b; font-style:normal; }



.ind_tit h2{font-size:40px;line-height:1.5;color:#1a3970;font-weight:bold;letter-spacing:12px;margin-bottom:-.3em}



 



.ind_tit small{font-size:20px;display:block;color:#333;line-height:3;  }

        @media (max-width:640px){.ind_tit small{font-size:14px}}@media (max-width:992px){.ind_tit small{line-height:30px;font-size:14px;}}.ind_tit:after{content:'';width:2rem;height:0px;background-color:#ea5715;display:block;margin-left:auto;margin-right:auto}.ind_tit.t2{text-align:left;margin-bottom:0}.ind_tit.t2:after{margin-left:0}.ind_tit.t2 .more{float:right;font-size:14px;color:#4d4d4d;margin-top:2rem}@media (max-width:640px){.ind_tit.t2 .more{font-size:13px}}.ind_tit.t2 h2{margin-bottom:-.3em}

.ind_tit.t2 h2 span{font-family:Arial;color:#1c2857;font-size:1rem;font-weight:400}.ind_tit.bg small{color:#fff}.ind_tit.bg h2{color:#fff}.ind_tit.bg2 h2{color:#fff}







.pro2 .title{text-align: center;color: #333;padding: 3% 0;line-height: 1;}



.pro2 .title h2{font: 600 36px/1 Arial,"Microsoft Yahei";letter-spacing: 2px;position: relative;display: inline-block;padding: 0 30px;}



.pro2 .title h2::before{position: absolute;content: '';width: 90px;height: 6px;background: url(../images/{{ params.imagepath }}pro2t_bg.png)no-repeat center;left: -90px;top: 50%;transform: translateY(-50%);}



.pro2 .title h2::after{position: absolute;content: '';width: 90px;height: 6px;background: url(../images/pro2t_bg.png)no-repeat center;right: -90px;top: 50%;transform: translateY(-50%) rotate(180deg);}



.pro2 .title .des{font-size: 14px;margin: 15px 0;color: #666;}

 .pro2 .navlist li{



    display: inline-block;

color: #fff;background: #1a3970;

    position: relative;

width:16.3%;text-align: center; z-index: 999;

}

.pro2 .navlist li em{float:left;padding-left:20px; }

.pro2 .navlist li>a{



    display: block;



    font-size: 16px;



    text-transform: uppercase;



    position: relative;



    line-height:50px;



    color:#fff;



    font-weight: 500;



    padding:0 10px;    white-space: nowrap;



    overflow: hidden;



    text-overflow: ellipsis;



}



 

.pro2 .navlist li.cur>a,.pro2 .navlist li a:hover{



    color:#000;



}



 



.pro2 .navlist li .sub_nav{



    position: absolute;



    left:0px;



    width:calc(100% );



    background:rgba(255,150,28,.95);



    transition: all 300ms;



    top:0px;



    opacity: 0;



    visibility: hidden;



    z-index: 99999;



    padding:0px 0;



}



.pro2 .navlist li:hover .sub_nav{



    top:50px;



    opacity: 1;



    visibility: visible;



}



.pro2 .navlist li .sub_nav a{



    display: block;



    text-align: center;



    color: #666;



    font-size: 14px;



    overflow: hidden;



    text-overflow: ellipsis;



    white-space: nowrap;



    height:30px;



    line-height:30px;



    padding: 0 10px;



}



.pro2 .navlist li .sub_nav a:hover{



    background: rgba(26,57,112,1);



}

 .pro2 .navlist li:hover {background:#ff961c; color:#fff;!improtant;}

 .pro2 .navlist li:hover a {  color:#fff;!improtant;}

 .prolist{width: 100%;overflow: hidden;  padding-bottom: 50px;}

 .prolist .col-md-5{display:block;border:#bbb; solid: 1px;font-size:24px;line-height:60px;color:#000;text-align:center;}

  .prolist .col-md-5 img{text-align:center;max-height:522px;  width: auto;  margin: 0px auto; }

  .prolist a{display:block;border:#bbb; solid: 1px;}

  .prolist .col-md-4{display:ineblock;margin-bottom:20px;  font-size:14px;line-height:40px;color:#000;text-align:center;}

.prolist .col-md-4 p{    max-height: 40px;

    overflow: hidden;}

 .prolist {display:block;border:#bbb; solid: 1px;margin-top:20px;}

 .prolist .col-md-3 img{width:100%;}

.prolist li .txt{line-height: 50px;padding-left:0px;  margin-top:20px;color:#fff;font-size:24px;}

.prolist .imgarea{display:block;border:1px solid #eee;}

 .proli img{width:100%;}

.pro2 .prolist .hot_pro{width: 40%;padding: 0 0 2%;position: relative;float:left;}



.pro2 .prolist .hot_pro::before{position: absolute;content: '';width: 100%;height: 50%;bottom: 0;left: 0;background: #fff;z-index: -1;}



.pro2 .prolist .hot_pro .txt{width: 100%;text-align: center; line-height: 50px;color: #333; font: 24px; overflow: hidden;transform: translateY(-50%);}



.pro2 .prolist .hot_pro i{float: right;padding: 0 30px;background: #ea5715;font-size: 18px;}



 



.pro2 .prolist .imgarea img{max-width: 100%;min-height: 100%;  text-align:center;display: block;}



  



.col-md-6 .p1{background: #eeeeee;line-height: 40px; font-size:14px;padding-left:20px;line-height: 40px; font-style: normal ;}

.breaker{padding-left:20px;padding-bottom:20px;}

.prj-bg{width:100%;height:100%;position:absolute;bottom:0;left:0;transition:all .2s;opacity:0;box-shadow:0 0 5px;background:rgba(255,255,255,.8);padding:20px}

.prj{position:absolute; }

.prj-bg1{width:100%;height:100%;position:absolute;bottom:0;left:0;transition:all .2s;opacity:0;background:rgba(21,37,71,.8);padding:0 20px;margin:0px; }

.prj1{ padding-top:0px;color:#fff;font-size:22px;line-height:60px;margin:0 auto;}

.prj2{position: absolute; width:90%;padding-top:80px;color:#fff;font-size:14px;line-height:24px;margin:30px auto;}

.prj3 a{padding-top:25%;width:100%;position: absolute; color:#ff961c;font-size:14px;line-height:24px;margin:0 auto;}

.prj-preview{width:120px;background-color:#0a3b6f;height:38px;margin:0 5px;color:#fff;position:absolute;bottom:45%;left:28%;border-radius:25px}

.prj-detail{width:128px;background-color:#ff961c;height:38px;margin:0 5px;position:absolute;bottom:23%;color:#fff;left:28%;color:#fff;border-radius:25px}

a.prj-link{display:block;position:absolute;top:0;left:0;width:100%;height:100%}

a.prj-link{display:block;position:absolute;top:0;left:0;width:100%;height:100%;color:#fff}

.prj-detail a{color:#fff}

.prj-preview span,

.prj-detail span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}

.prj-preview img,.prj-detail img{vertical-align:middle}

.prj-b{width:100%;height:100%;position:absolute;bottom:0;left:0;transition:all .2s;opacity:1;background:rgba(21,37,71,0);  padding:20px}

.prj-de {

    width:64px;

    height: 64px;

    margin: 0 5px;

    position: absolute;

   top:1px;

     

    right: 6px;

    color: #fff;

    

}

.prj-de img{

    

    margin: 0 ;!important;

    position: absolute;

  

    

}

.prj-preview span a{color:#fff}          

            .prj-bg {

                z-index: 1;

            }

            

            .prj-bg:hover {

                opacity: 1;

            }

             .prj-bg1 {

                z-index: 1;

            }

            

            .prj-bg1:hover {

                opacity: 1;

            }

 .prj-bg2{width:95%;height:100%; position:absolute;bottom:0;padding: 0 10px; opacity:1;background:rgba(0,0,0,.2);display: block; }

 .prj-bg23{width:95%;height:15%; position:absolute;bottom:0;padding: 0 10px; opacity:1;background:rgba(26,57,112,.95);display: block; }

.prj-pre{ height:45px;width:80%;line-height:45px;overflow:hidden; color:#fff;font-size:22px;position:absolute;bottom:20px;padding-left:20px; }

.prj-pre1{ height:43px;width:80%; color:#fff;font-size:22px;position:absolute;bottom:0px;padding-left:20px; }

.tit_box22 h3{    margin-top: 2vw;}

 @media screen and (min-width:639px){

    .breaker+.col-md-3{margin-right: 3%;}

    .breaker+.col-md-3+.col-md-9{width: 72%;}

    .page_about_developindex .tit_box2 p{font-size: 16px;padding-bottom: 2vw;}

    .page_about_developindex .tit_box22 p{font-size: 16px;}

    .page_about_developindex .tit_box22{margin-bottom: 2vw;}

    .bg4{margin-top:2vw;}

    .prolist{padding-top: 10px;}

    .ptop{padding-top:30px;}



 }

 @media screen and (max-width:640px){

     .news_con dl .con em {

    display: block;

    width: 40px;

    height: 30px;

    line-height:30px;

    text-align: center;

    font-size: 12px;

    color: #e00101;

    font-style: normal;

    border-radius: 3px;

    border: 1px solid #e00101;

}

     .about_con{margin-left: 0px;}

    .about_con .con{line-height: 1.76 !important;width: 100% !important;}

.button_wrap .button {

    padding: 0 17px !important;

}

.mo_none.pb70mb30{height: auto !important;}

.proli.case{    width: 102%;}

.proli.case li{    width: 48%;

    margin-right: 2%;

    float: left;

    margin-bottom: 0;}

.proli.case li .prj-bg1{display: none;}

.proli.case li .prj-pre{

    font-size: 15px;    text-align: left;

    bottom: 2px;overflow: hidden;  

}

.tit_box11 {

    padding: 5vw 0 0;

    text-align: center;

}

.bg2{display: none;}

.prolist{padding-bottom:5vw;margin-top: 0;}

.news_con {

    padding: 0 3px;

}

.news_con dl{padding-top: 0;}

.news_con dl .con h4 {

    font-size: 16px;}

    .news_con ul li{margin: 0;    padding: 10px 0;}

    .news_con ul li a {font-size: 15px;}

    .col-md-4.faq{display: none;}

    .newsList {

    margin: 20px 18px 50px;

}

.pagination li span, .pagination li a {

    padding: 0 4px;

    line-height: 21px;

    background: #fff;

    color: #333;

    min-width: 20px;

}

.pagination{padding:0 20px;}

.page_picList{padding: 0 10px;}

 

 

.page_picList li .con {

    padding-bottom: 0;

    overflow: hidden;

    width: auto;

}

     .page_picList li .con p {

    padding-top: 6px;

        height:50px;

    border-top: dashed 1px #ddd;

}

.page_picList .bk{display: none;}

.page_picList li a{margin-bottom:-30px;}

.page_picList li img {

    height: auto !important;

}

.page_picList li .con h4{font-size: 15px;}

.newsList em{display: none !important;}

.newsList li {

    padding: 0px 0px 10px;

    border-bottom: 1px dashed #ddd;

    margin-bottom: 10px;

}

.newsList li h4{font-size: 15px !important;}

.newsList p {

    font-size: 13px !important;;

    line-height: 1.76 !important;;

    max-height: 42px !important;;

}

.page_newsList dl{    padding: 0 0 16px 0 !important;}

.page_newsList .info h4{}

.pro2 .prolist .col-md-5{display: none;}

.pro2 .prolist .col-md-7{padding: 0;}

.pro2 .prolist .col-md-7 .col-md-4{width: 48%;float: left;    margin: 1%;}

.pro2  .prolist .imgarea {

    border: 1px solid #eee;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    text-indent: -1em;

    font-size: 12px;padding-top: 10px;

}

.pro2 .prolist .imgarea img {

    max-width: initial;

    width: auto;

    height: 50vw;

    left:-15%;

    position: relative;

    transform: translateX(0%);

}

.tit_box11 h4{line-height: 1.5 !important;}

.tit_box11 h4 span{line-height: 30px !important;}

.bg4 .news_con{    padding: 10px 7px 20px;}

.banner .item .img{overflow: hidden;}

.banner .item .img img{

    width: 100%;

    max-width: inherit;

    margin-left: 0%;

}

.panel2_honor .item{

    border:none;

}

.panel2_honor .item .img img{    height: 35vw;

    margin: 0 auto;}

.panel2_honor .item .img {

    padding: 10px 0;

    width: 98%;

    margin: 0 auto;

    border: 1px solid #ddd;

}

.panel2_honor .item h4 {

    font-size: 14px;

}

.tit_box23 h4 {

    min-width: inherit;

    font-size: 18px;

    width: 100%;

    padding: 10px 15px 15px;line-height: 1.5;

}

.page_newsList1{    padding: 0 10PX;}

.page_newsList1 dl {

    padding-bottom: 25px;

}

.related_tit h4 {

    line-height: 38px !important;

    font-size: 15px !important;

    margin-left: 16px;

    background-size: auto 100%;

    background-repeat: no-repeat;

}

.page_index {

    padding: 15px 15px !important;

}

.cftp ul{padding-left: 15px;}

}nu{



    border-top: 1px solid #E5E9F2;



    width: 100%;



    height: 55px;



    background: #fff;



    position: fixed;



    z-index: 10000;



    bottom: 0;



    left: 0;



    display: none;



}



.phone_fixed_menu ul li{



    flex:1;



    display: flex;



    flex-direction: column;



    justify-content: center;



    align-items: center;



    text-align: center;



    height: 55px;



    line-height: 1.2;



}



.phone_fixed_menu ul li a{



    display: block;



}



.phone_fixed_menu ul li i{



    font-size:20px;



    color:#333;



}



.phone_fixed_menu ul li p{



    color:#333;



    font-size:14px;



}











/* banner */



.banner{



    position: relative;



}



.banner .item{



    position: relative;



}



.banner .item .con{



    position: absolute;



    left:0;



    width: 100%;



    top:50%;



    transform: translate(0,-50%);



}



.banner .item .con .con_box{



    text-align: right;



}



.banner .item .con h4{



    font-size:48px;



    color:#fff;



    font-weight: bold;



    letter-spacing: 1px;



    margin:15px 0 20px;



}



.banner .item .con p{



    font-size:16px;



    color:#fff;



    font-family:'Segoe UI light';



    letter-spacing: 1px;



    margin-bottom: 50px;



}



.banner .owl-item:nth-child(2) .con .con_box{



    text-align: left;



}



.banner .item .img img{



    width:100%;



}







.banner .owl-pagination{



    position: absolute;



    bottom: 0;



    width:100%;



    text-align: center;



    left:0;



    height:30px;



}



.banner .owl-pagination>div{



    display: inline-block;



    width:7px;



    height:7px;



    background:rgba(255,255,255,.9);



    border-radius: 50%;



    text-indent: -9999px;



    margin:0 7px;



    border: 1px solid rgba(255,255,255,.9);



    position: relative;



}



.banner .owl-pagination>div.active:after{



    width:19px;



    height:19px;



    border-radius: 50%;



    content:'';



    display: block;



    position: absolute;



    border:1px solid rgba(255,255,255,.9);



    left:-7px;



    top: -7px;



}











/*首页css__start*/







/*公用头部*/







.tit_box1{



    padding: 65px 0 40px;



    text-align: center;



}



.tit_box1 h4{



    font-size:32px;



    font-weight: bold;



    color:#000;

    



}



.tit_box11{



    padding: 65px 0 40px;



    text-align: center;



}



.tit_box11 h4{



    font-size:32px;



    font-weight: bold;



    color:#fff;

     letter-spacing:5px;



}

.tit_box11 h4 span{font-size:32px;



    color:#ff961c;}



.tit_box1 p{



    color:#999;



    font-size:14px;



    margin-top: 15px;



}







.tit_box2{padding-top: 50px;

  

}



.tit_box2 h4{

 

    font-size:24px;

    width: 80%;

    margin: 0 auto;

    color:#222;

line-height:90px;

    position: relative;

text-align: center;

    padding:50 0px;



}



.tit_box23 h4{

min-width: 500px;

    font-size:24px;

    width: 40%;

    margin: 0 auto;

    color:#222;

    line-height:70px;

 text-align: center;

    position: relative;

 

    padding:50 0px;



}
 

.tit_box22 h3{
 
    font-size:36px;

    width: 43%;

    margin: 0 auto;

    color:#ff961c;

line-height: 90px;

    position: relative;

font-weight: bold;

 

   

}

@media (max-width:1440px) {.tit_box22 h3{



    font-size:18px;

    width: 83%;

    margin: 0 auto;

    text-align: center;

    color:#ff961c;

line-height: 30px;

    position: relative;

font-weight: bold;

 

   

}

.tit_box2 h4{

 

    font-size:18px;

    width: 80%;

    margin: 0 auto;

    color:#222;

line-height:30px;

    position: relative;

text-align: center;

    padding:50 0px;



}}

.tit_box22 p{



   font-size:12px;

    width: 80%;

    margin: 0 auto;

line-height: 32px;

    color:#444;

text-align: center;

    position: relative;

 

 

}

 

.tit_box2 p{



    font-size:14px;

    width: 80%;

    margin: 0 auto;

line-height: 32px;

    color:#444;

text-align: center;

    position: relative;



    padding:50 0 0 0px;



}



.tit_box2 h4:before{



    content:'';



    background: #fff;



    width: 0px;



    height: 24px;



    display: block;



    position: absolute;



    left: 0;



    top:3px;



}







/* bg */







.bg1{



    background: url(../images/aboutbg.png) no-repeat center top;



    position: relative;



}







.bg2{



    background: url(../images/ht.jpg);



    height: 180px;



}



.bg3{



    background: url(../images/jjbg.jpg) no-repeat center top #163061;



}







.bg4{



    background:#fff;



}



.bg5{
 
    background: #eee;
 

}

 

/* about */
 

.about_img{



    position: absolute;



    max-width: 100%;



    top: 0;



}



.about_img img{



   max-width: 100%;



}



.about_img1{



    width: 100%;



    display: none;

 
}



.about_con{



    padding: 70px 60px 64px 0;



}

.qywh{padding-top: 100px; }

.qywh .col-md-3{text-align: center;margin-bottom: 30px;}

 



.qywh .cont{text-align:center;}

.qywh .cont i{width: 100px;height:110px;display: inline-block}

.qywh .qywhnm{position: relative;font-size: 16px;color: #333;font-weight: bold; padding: 10px;margin-bottom: 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.qywh .qywhnm::after{content: '';width: 20px ;height: 2px;position: absolute;text-align: center;background: #333;bottom: 0;left: calc(50% - 10px);}

 

.qywh .col-md-3:hover .qywhnm{ color: #183972}

 

.qywh .col-md-3:hover .qywhnm::after{background: #183972}

.qywh .col-md-3:first-child .cont i{background: url(../images/icon1.png)center center no-repeat;}

.qywh .col-md-3:nth-child(2) .cont i{background: url(../images/icon2.png)center center no-repeat;}

.qywh .col-md-3:nth-child(3) .cont i{background: url(../images/icon3.png)center center no-repeat;}

.qywh .col-md-3:nth-child(4) .cont i{background: url(../images/icon4.png)center center no-repeat;}

.qywh .col-md-3:first-child:hover .cont i{background: url(../images/icon1b.png)center center no-repeat;}

.qywh .col-md-3:nth-child(2):hover .cont i{background: url(../images/icon2b.png)center center no-repeat;}

.qywh .col-md-3:nth-child(3):hover .cont i{background: url(../images/icon3b.png)center center no-repeat;}

.qywh .col-md-3:nth-child(4):hover .cont i{background: url(../images/icon4b.png)center center no-repeat;}

@media (max-width:1599px) {

.qywh {

    padding-top: 140px;

    }

     .prolist .col-md-5 img{text-align:center;  width:350px; width: auto;  margin: 0px auto; }

}



.about_con img{

 

}



.about_con .tit p{



    font-size:32px;



    color:#000;



    font-weight: 100;



    font-family: 'Poppins';



    line-height: 70px;



    margin-left: 0px;



}



.about_con .tit h4{



    font-size:40px;



    color:#1a3970;

     font-weight:500;

    letter-spacing:12px;

font-weight: bold;

    padding: 0px 0;



    position: relative;



}



.about_con .tit h4:after{



    background: #ddd;



    width: 50px;



    height: 0px;



    content:'';



    display: block;



    position: absolute;



    left: 0;



    bottom: 0;



}



.about_con .con{

font-size: 16px;

color: #333;

line-height: 48px;

width:100%;

padding-left:25px;

margin-top: 40px;
}







/* panel1_con */







.panel1_con{



    height: 180px;



}



.panel1_con .tit{



    width: 180px;



    background: #1a3970;



    display: flex;



    flex-direction: column;



    justify-content: center;



    align-items: center;



    font-size:34px;



    font-weight: bold;



    line-height: 1.3;



    color:#fff;



    height: 180px;



  



} 



.panel1_con ul{



    flex:1;



}



.panel1_con ul li{



    flex:1;



    display: flex;



    flex-direction: column;



    justify-content: center;



    align-items: center;



    cursor: pointer;



}



.panel1_con ul li img{



    transition:all .5s;



}



.panel1_con ul li p{



    font-size:18px;



    color:#fff;



    margin-top: 10px;



}



.panel1_con ul li:hover img{



    transform: rotate(360deg);



}





.panel1_con  em{

letter-spacing: 3px;

    display: block;

    width: 440px;

    font-style: normal;

    height: 60px;

    line-height: 60px;

    text-align: center;

    font-size:24px;

    color:#ff971c; 

      

    border-radius:60px;

    border: 2px solid #ff971c;



    transition:all .3s;



}







/* solution */







.solution_con .row{



    margin-left:0;



    margin-right: 0;



}



.solution_con li{



    padding: 70px 33px;



    background: #eeeeee;



    border-bottom: 10px solid transparent;



    border-image:linear-gradient(to right,#014f3a,#87c123) 1 10;



    text-align: center;



}



.solution_con li:nth-child(2n){



    background: #fff;



    border-top: 10px solid transparent;



    border-bottom: none;



}



.solution_con li img{



    margin:auto;



    transition:all .3s;



}



.solution_con li h4{



    color:#333;



    font-size:18px;



    font-weight: bold;



    margin: 30px 0 25px;



    line-height: 20px;



    height: 20px;



    overflow: hidden;



}



.solution_con li p{



    font-size:14px;



    color:#666;



    line-height: 2.1;



}



.solution_con li a{



    font-size:14px;



    color:#333;



    display: inline-block;



    margin-top: 50px;



    position: relative;



}



.solution_con li a i{



    font-size:12px;



    color:#666;



    margin:0 0 0 7px;



}



.solution_con li a:after{



    width: 0;



    height: 2px;



    display: block;



    content:'';



    position: absolute;



    left: 0;



    background: #87c123;



    bottom: 0;



    transition:all .3s;



}



.solution_con li:hover img{



    transform: rotate(360deg);



}



.solution_con li:hover h4{



    color:#87c123;



}



.solution_con li:hover a:after{



    width: 100%;



}



.solution_con li:hover a{



    color:#87c123;



}



.solution_con li:hover a i{



    color:#87c123;



}

 


/* productn */

 

.product_con{



    padding: 60px 0;



}



.product_con li a{



    display: block;



    background: #fff;



}



.product_con li a .img{

 



    overflow: hidden;



    position: relative;



}



.product_con li a .img i{



    width:100%;



    height:100%;



    position: absolute;



    background:rgba(136,193,34,.8);



    display: block;



    font-size:36px;



    color:#fff;



    text-align: center;



    line-height: 50px;



    left:0;



    top: -100%;



    display: flex;



    justify-content: center;



    align-items: center;



    transition:all .3s;



}

.product_con li{padding: 0 30px}



.product_con li a .con{



  

padding-top: 20px;

    height: 130px;

 

    overflow: hidden;



    margin:0 10px;

    text-align: center;



    align-items: center;



    transition:all .3s;



}



.product_con li a .con h4{



    letter-spacing: 2px;



    font-size:24px;



    color:#ff961c;



    font-weight: bold;



    transition:all .3s;



}



.product_con li a .con p{



    font-size:14px;

    padding-top: 10px;

    color: #222;



}



.product_con li a .con p i{



    font-size:12px;



    margin:0 10px 0 5px;



}



.product_con li a:hover .img i{



    top:0;



}

 





.product_con .button_wrap .button{



    border-color: #1a3970;



    color:#fff;



}



.product_con .button_wrap .button:before{



    background: #1a3970;



}



.product_con .button_wrap .button:hover{



    color:#fff;



    border-color:#1a3970;



}



.product_con .button_wrap .button:hover:before{



    background: #1a3970;



}

 

/* application */

 

.application li a{



    position: relative;



    justify-content: center;



    align-items: center;



}



.application li .con{



    width: 46%;



    height:60%;



    background: rgba(136,193,34,.9);



    position: absolute;



    flex-direction: column;



    justify-content: center;



    align-items: center;



    transition:all .36s;



}



.application li .con h4{



    font-size:18px;



    color:#fff;



    font-weight: bold;



    position: relative;



    margin-top: 25px;



    padding: 22px 0 0;



}



.application li .con h4:before{



    content:'';



    display: block;



    width: 10px;



    background: #fff;



    height: 2px;



    position: absolute;



    left: 50%;



    transform: translateX(-50%);



    top: 0;



}



.application li:nth-child(2n) .con{



    background: rgba(40,109,81,.9);



}



.application li:hover .con{



    width: 100%;



    height: 100%;



}







/* news */







.news_con{



    background: #fff;



    padding:0px 0px 50px;



    box-shadow: 0 0 0px rgba(0,0,0,.15);



}



.news_con .tit{

 

    margin-bottom: 25px;



}

.news_con dl{padding-top: 20px;}



.news_con .tit h4{

 

    padding-left: 20px;

    flex:1;

line-height: 50px;

    color:#fff;

margin:20px 30px 0px;

    font-size:24px;

    border-bottom: #bbb solid 1px;

    



}



.news_con .tit a{



    font-size:14px;



}



.news_con dl .con{



    padding: 17px 0px 0 20px;



    transition:all .3s;



}



.news_con dl .con h4{



    font-size:18px;



    font-weight: bold;



    color:#333;



    height: 30px;

padding: 5px 0px 0  15px ;

    line-height: 24px;



    overflow: hidden;



}

.news_con dl .con span{

    font: 14px;

    line-height: 40px;

    color: #999;

}

.news_con dl .con em{

     display: block;



    width: 55px;



    height: 30px;

 

    line-height: 30px;



    text-align: center;



    font-size:14px;



    color:#e00101; 

    font-style: normal;



    border-radius: 3px;

    border: 1px solid #e00101;

 

}



.news_con dl .con p{



    max-height: 48px;



    line-height: 24px;



    color:#333;



    overflow: hidden;



    font-size:14px;



    margin:0px 0 ;



}



.news_con dl:hover .con{



    padding: 17px 0;



}



.news_con dl:hover .con h4{



    color:#333;



}





.news_con dl .con .mor {



    font-size:14px;

   color:#ff961c;

    padding-top: 15px;

    width: 58px;

    line-height: 16px;

    border-bottom: #ff961c solid 1px;

 



}



.news_con .time {



    font-size:14px;

 

 



}



.news_con .time span{



    flex:1;



    color:#333;



}



.news_con .time span em{



    color:#000;



    margin-right: 6px;



    vertical-align: middle;



}



.news_con .time i{



    font-size:12px;



    color:#1a3970;



    vertical-align: middle;



}



.news_con ul{



   

}



.news_con ul li{



    padding: 0px 0px 20px;

 

 margin-right: 40px;

  margin-left: 20px;

    border-bottom: 1px dashed #ddd ;

   

margin-top: 20px;

}



.news_con ul li a{



    font-size:18px;



    color:#333;



    height: 24px;

    font-weight: bold;



    line-height: 24px;



    overflow: hidden;



    display: block;



    margin-bottom: 10px;



}

.news_con ul.ul1 li span{float: right;font-weight: 100;font-size:14px;

    line-height: 24px;color:#999;font-weight:100;}

.news_con ul.ul2 li{margin-bottom: 40px;}



.news_con ul.ul2 li span{



    display: inline-block;



    width: 20px;



    height: 20px;



    background: #3672d8;



    border-radius: 60%;



    color:#fff;



    text-align: center;



    line-height: 20px;



    font-size:14px;



    margin-right: 6px;



}



.news_con ul.ul2 li a{

  font-size:14px;

 padding: 0 20px;

    height: 24px;

    font-weight: 100;

     

    line-height: 24px;color: #fff;



    }

.news_con ul.ul2 li p{



    font-size:14px;

 padding: 0 20px;

   



    line-height: 24px;color: #fff;

 



}



.news_con ul.ul2 li p span{



    background: #ff961c;



}







.news_con ul li:hover a{



    color:#1a3970;



}



.news_con ul.ul2 li:hover a{



    color:#fff;



}

 

/* partner_con */

 
.partner_con .item{
 
    padding:0 30px;
 
}
 
.partner_con .item img{
 
    margin:auto; 



}



.partner_con .owl-buttons>div{



    width: 30px;



    height: 30px;



    background: #aeaeae;



    border-radius: 50%;



    text-align: center;



    line-height: 30px;



    position: absolute;



    top: 50%;



    transform: translateY(-50%);



}



.partner_con .owl-buttons .owl-prev{



    left: -40px;



}



.partner_con .owl-buttons .owl-next{



    right: -40px;



}



.partner_con .owl-buttons>div span{



    font-size:14px;



    color:#fff;



    display: block;



}



.partner_con .owl-buttons .owl-prev span{



    transform: rotate(180deg);



}



.partner_con .owl-buttons>div:hover{



    background: #1a3970;



}



.partner_con1 .item{



    padding:0 15px;  



}



.partner_con1 .item img{



    margin:auto; height: 90px;border: 1px solid #ddd;



}



.partner_con1 .owl-buttons>div{



    width: 30px;



    height: 30px;



    background: #aeaeae;



    border-radius: 50%;



    text-align: center;



    line-height: 30px;



    position: absolute;



    top: 27%;



    transform: translateY(-50%);



}



.partner_con1 .owl-buttons .owl-prev{



    left: -40px;



}



.partner_con1 .owl-buttons .owl-next{



    right: -40px;



}



.partner_con1 .owl-buttons>div span{



    font-size:14px;



    color:#fff; 



    display: block;



}



.partner_con1 .owl-buttons .owl-prev span{



    transform: rotate(180deg);



}



.partner_con1 .owl-buttons>div:hover{



    background: #1a3970;



}





/* panel2_wrap */



@media (min-width:1400px) {

.panel2 {

    width: 1400px;margin: 0 auto;

}

}



.panel2_wrap{



    position: relative;



}



.panel2_wrap .bg{



    height: 180px;



    width: 100%;



}



.panel2_wrap .bg>div{



    width: 50%;



}



.panel2_wrap .bg .item1{



    background: url(../images/bg5.jpg) no-repeat;



}



.panel2_wrap .bg .item2{



    background: url(../images/bg6.jpg) no-repeat;



}



.panel2_wrap ul{



    position: absolute;



    left: 50%;



    top: 0;



    transform: translateX(-50%);



    height: 180px;



}



.panel2_wrap ul li{



    width: 50%;



    align-items: center;



    padding:0 100px 0 0;



}



.panel2_wrap ul li:last-child{



    padding:0 0 0 100px;



}



.panel2_wrap ul li .tit{



    flex:1;



    color:#fff;



}



.panel2_wrap ul li .tit h4{



    font-size:30px;



    font-weight: bold;



    line-height: 1.4;



}



.panel2_wrap ul li .tit p{



    font-size:24px;



    text-transform: uppercase;



}



.panel2_wrap ul li .button_wrap{



    margin-top: 0;



}



.panel2_wrap ul li .button_wrap .button{



    border-color: #fff;



    color:#fff;



}



.panel2_wrap ul li .button_wrap .button:before{



    background: transparent;



}



.panel2_wrap ul li .button_wrap .button:hover{



    color:#fff;



    border-color:#1a3970;



}



.panel2_wrap ul li .button_wrap .button:hover:before{



    background: #1a3970;



}











/*页底css*/







.footer{



    background:#222;



    overflow: hidden;



    padding: 45px 0 0;



    line-height: 1.8;



}



.footer_nav dl:first-child{



    display: none;



}.footer_nav dl:nth-child(3){



    display: none;



}

.footer_nav dl:nth-child(5){



    display: none;



}

.footer_nav dl:nth-child(6){



    display: none;



}

.footer_nav dl:nth-child(7){



    display: none;



}



.footer_nav dl{



   width: 27%;



}
 

.footer_nav dl dt a{



    font-size:16px;



    color:#fff;



    font-weight: normal;



    margin-bottom: 15px;



    display: block;



}



.footer_nav dl dd{



    line-height: 1.9;



}



.footer_nav dl dd a{



    font-size:14px;



    color:#bbb;



}



.footer_tel .tit{



    font-size:16px;



    color:#fff;



    margin-bottom: 15px;



}



.footer_tel .tel{



    color:#1a3970;



    margin-bottom: 22px;



}



.footer_tel .tel i{



    font-size:36px;



    margin-right: 10px;



}



.footer_tel .tel .num p{



    font-size:24px;



    color:#1a3970;



    line-height: 1.3;



}



.footer_tel .code{



    align-items: flex-end;

    padding: 20px;



}



.footer_tel .code img{



    max-width: 100px;

    margin: 0 auto;



}



.footer_tel .code p{



    font-size:12px;



    color:#bbb;

    line-height:13px;

text-align: center;

    



}







.copyright{



    border-top: 1px solid #444;



    margin:35px 25px 0;



    padding: 20px 0px;



    font-size:13px;



    color:#bbb;



}



.copyright a{



    color:#ccc;



}



.copyright .links{



    margin-top: 10px;



}



.copyright .links a{



    display: inline-block;



    margin-right: 6px;



}











/* fixed_rightbtn */







.fixed_rightbtn{



    position: fixed;



    z-index: 999;



    right: 20px;



    top: 30%;



}



.fixed_rightbtn li{



    background: rgba(22,48,97,1);



    width: 75px;



    height: 75px;



    border-radius: 20px;



    margin-bottom: 5px;



    color:#fff;



    position: relative;



}



.fixed_rightbtn li a{



    color:#fff;



    display: flex;



    justify-content: center;



    align-items: center;



    flex-direction: column;



    height: 75px;



    line-height: 1.2;



    position: relative;



    



}



.fixed_rightbtn li i{



    display: block;



    font-size:30px;



}



.fixed_rightbtn li p{



    position:absolute;



    height: 75px;



    right:-320px;



    top: 0;



    background: #fff;



    box-shadow: -5px 0 10px rgba(0,99,174,.4);



    color:#333;



    font-size:24px;



    width: 220px;



    text-align: center;



    line-height: 75px;



    transition:all .3s;



    border-radius: 10px;



}



.fixed_rightbtn img{



    position: absolute;width: 120px;height: 120px;background: rgba(0,52,119,.8);padding: 4px;left: -130px;top: 50%;max-width: 200%; display: none;transform: translateY(-50%);



}



.fixed_rightbtn li:hover p{



      right: 0;  



} 

.fixed_rightbtn li:hover img{



 display: block;



} 



#layer_message{



    padding:20px 25px;



}



#code_img{



    height:34px;



}



#layer_message p{



    margin-top: 20px;



    font-size:14px;



}







/*首页css__end*/











/*内页*/







.page_tit{



    border-bottom: 1px solid #ccc;



    height:40px;



    line-height: 40px;



    overflow: hidden;



}



.page_tit h4{



    flex:1;



    display: flex;



    line-height: 40px;



    font-weight: bold;



}



.page_tit h4 p{



    font-weight: normal;



}



.page_tit h4 p span{



    padding: 0 4px;



}







/* 内页分类 */











.ibanner{



    position: relative;



}



.ibanner .con{



    position: absolute;



    height: 100%;



    width: 100%;



    left: 0;



    top: 0;



    display:flex;



    justify-content: center;



    align-items: center;



    flex-direction: column;



    z-index: 99;



    color:#fff;



}







.ibanner .con h4{



    font-size:36px;



    margin-bottom: 10px;



    letter-spacing: 2px;



    font-weight: normal;



}



.ibanner .con p{



    font-family: 'Poppins Linht';



    font-size:20px;



    text-transform: uppercase;



    display: inline-block;



    height: 22px;



    line-height: 22px;



    overflow: hidden;



}



.ibanner .con p:before,.ibanner .con p:after{



    display: inline-block;



    width: 92px;



    height: 1px;



    content:'';



    background: #fff;



    vertical-align: middle;



    margin:0 25px;



}











/* inner_menu */



.inner_menu{



    height: 80px;



    background: #ff961c;



}



.inner_menu ul{



    font-size:0;



    text-align: center;



}



.inner_menu li{



    display: inline-block;



}



.inner_menu li a{



    display: block;



    padding: 0 70px;



    font-size:15px;



    color:#fff;



    line-height: 80px;



    border-right: 1px solid rgba(0,0,0,.3);



}



.inner_menu li.cur a{



    background: #1a3970;



}



.inner_menu li.cur a:hover{



    background: #1a3970;



}



.inner_menu li a:hover{



    background: rgba(0,0,0,.3);



}











/* product_left */







.left_border{



    border:1px solid #ddd;



    padding: 0px 0px 20px;



    margin-bottom: 25px;



}



.left_border .tit{



    font-size:30px;

 border-bottom: 1px dashed #ddd;

    color:#333;

    height:90px;

      background: url(../images/zb.png) no-repeat;



    font-weight: bold;

text-align: center;

    padding-top: 15px;

    padding-bottom: 10px;



     



    margin-bottom: 10px;



}



.left_product_menu ul a{



    padding:0 0 0 24px;



    position: relative;



    display: block;



    height: 50px;



    line-height: 50px;



    font-size:16px;



    color:#333;



    flex:1;



    overflow: hidden;



}



.left_product_menu ul a:before{



    width: 6px;



    height: 6px;



    display: block;



    content:'';



    background: #ff961c;



    transform: rotate(45deg);



    position: absolute;



    left: 10px;



    top: 23px;



}



.left_product_menu ul li p{

width: 80%;

    margin: 0 auto;

    padding: 0 4px;



    border-bottom: 1px dashed #ddd;



    position: relative;



    overflow: hidden;



}



.left_product_menu ul li p:before{



    position: absolute;



    height: 100%;



    width: 100%;

    



    content:'';



    top: 0;



    left: -100%;



  



    display: block;



    z-index: -1;



    transition: all .3s;



}



.left_product_menu ul li p span{



    font-size:12px;



    color:#1a3970;



    cursor: pointer;



    width: 30px;



    display: flex;



    justify-content: center;



    align-items: center;



}



.left_product_menu ul li .inner_sublist{



    padding: 0 0 0 16px;



}



.left_product_menu ul li .menu{



    border-bottom: 1px solid #ddd;



}



.left_product_menu ul li .menu a:before{



    display: none;



}



.left_product_menu ul a:hover{



    color:#fff; background:#ff961c;

    font-weight: bold;



}



.left_product_menu ul li.cur>p>a:before,.left_product_menu ul a:hover:before{



    background:#fff;



}



.left_product_menu ul li p:hover:before{



    left: 0;



}











.left_news ul li{



    padding-top:15px;



}



.left_news ul li p{



    font-size:13px;



    color:#999;



}



.left_news ul li p span{



    margin-left: 10px;



}



.left_news ul li a{



    display: block;



    color:#333;



    font-size:14px;



    line-height: 24px;



    max-height: 48px;



    overflow: hidden;



}



.left_news ul li a:hover{



    color:#1a3970;



}



.left_tag ul{



    margin:0 -3px;



}







.left_tag li{



    flex-basis: 40%;



    flex-grow: 1;



    margin:0 3px 6px;



}



.left_tag li a{



    display: block;



    background: #f2f2f2;



    height: 40px;



    line-height: 40px;



    overflow: hidden;



    text-align: center;



    font-size:14px;



    color:#333;



}



.left_tag li a:hover{



    background: #1a3970;



    color:#fff;



}











/* 单页内容 */







.page_index{



    padding:30px 0;



    color:#333;



    line-height: 1.8;



    font-size:14px;



    min-height: 350px;



}



 







.page_aboutimg{



    margin-top: 40px;



}











/* 产品列表 */

 



.page_picList li a{



    display: block;



    margin-bottom: 0px;

   padding:0px 10px;

    font: 14px;

    line-height: 24px;



}

.page_picList li .con{width: 90%;margin:0 auto;padding-bottom:20px;}

.page_picList li .con span{float:right;}

.page_picList li .con h4{



    line-height:40px; 

height: 48px;

    overflow: hidden;

 

    color:#333;

padding-top: 8px;

    font-size:18px;



    font-weight: 400;



}

.page_picList li .con1 h4{



    line-height:40px; 

height:50px;

    overflow: hidden;

 text-align: center;

    color:#333;

    margin-bottom: 20px;

padding-top: 8px;

    font-size:18px;



    font-weight: 500;



}

.page_picList li .con p{ padding-top: 6px;border-top: dashed 1px #ddd;}

.page_picList .bk{display:block;border-top:1px solid #bbb;line-height:50px;}



.page_picList li .img{

    overflow: hidden;

    padding: 10px 0;

    background: #fff;

    position: relative;

    display: block;

    border: 1px solid #ddd;

}



.page_picList li .img span{



  

  

    display: block;



    width: 100%;



    height: 100%;



    position: absolute;



    left: 0;



    top: -100%;



    display: flex;



    justify-content: center;



    align-items: center;



    font-size:48px;



    color:#fff;



    transition:all .3s;



}



.page_picList li a:hover .img span{



    top:0px;



}



.page_picList li img{



    transition: all 0.6s;

    margin-top: 10px;

 

    margin:auto;

 

  max-height: 250px;



}

 

 .page_picList li:hover img{

    transform: scale(1.1);

}



/* page_saleservice */







.page_saleservice{



    padding: 0 0 100px;



}



.page_saleservice .con1{



    padding: 60px 0 70px;



    border-bottom: 1px solid #ddd;



}



.page_saleservice h6{



    color:#333;



    font-size:16px;



    line-height: 1.8;



    margin-bottom: 30px;



}



.page_saleservice h6 span{



    color:#b81c25;



}



.page_saleservice h5{



    color:#b81c25;



    font-size:16px;



    margin:0 0 8px;



    padding-top: 60px;



}



.page_saleservice .con1 h5{



    padding: 0;



}



.page_saleservice p{



    font-size:14px;



    line-height: 2;



    color:#333;



}







/* page_imgList */







.page_imgList_wrap{



    background: url(../images/bg6.jpg) no-repeat top;



}







.page_imgList{



    padding: 60px 0;



}



.page_imgList li{



    margin-bottom: 30px;



}



.page_imgList li a{



    display: block;



    position: relative;



    overflow: hidden;



}



.page_imgList li a .img_logo{



    position: absolute;



    background: rgba(173,7,16,.6);



    width: 100%;



    height: 100%;



    top: 0;



    left: -100%;



    display: flex;



    justify-content: center;



    align-items: center;



    transition:all .3s;



}



.page_imgList li a .img_logo img{



    height: 50%;



}



.page_imgList li a:hover .img_logo{



    left: 0;



}











/*产品列表*/







.page_newsList{



    margin:20px 0 50px;



}



.page_newsList li{



    border-bottom: 1px solid #ddd;



    padding:50px 30px;



    transition: all .3s ease-out 0s;

    box-shadow: 0 0 20px rgba(0,0,0,.1);



}

 

.page_newsList li a{



    display: block;



    background: #fff;



}

.page_newsList li p{



    display: block;



     



}



.page_newsList .info{



     

    background: #fff;

    padding-left: 20px;

    padding-top:40px;

    height: 370px;

      

    transition: all .3s ease-out 0s;

 

}

.page_newsList .info span{



     

    font-weight: bold;!important;

    color: #ff961c; 

 

}



.page_newsList .info h4{



    font-size:30px;



    color:#333;



    



}



.page_newsList .info p{ 



    margin:20px 0px 0;

color: 444;

max-height: 95px;

overflow: hidden;

    font-size:14px;

    line-height: 30px;

 



}



.page_newsList li .img  {



   min-height: 380px;

   height:100%;

width:100%;

text-align: center;

}

 

.page_newsList li h4{



    color: #333;



    transition: all .3s ease-out 0s;



    font-size: 24px;



    padding: 18px 0 0;



}



.page_newsList p{



    color: #444;



    font-size: 14px;



    line-height: 26px;



    max-height: 52px;



    



}



.page_newsList li:hover{



    box-shadow: 0 7px 8px 5px #eee;



    padding:35px;



    border-bottom: none;



}



.page_newsList li:hover .info,.page_newsList dl .info{



    background: #ff961c;



}



.page_newsList li:hover .info h4{



    color:#fff;



}

.page_newsList li:hover .info span{



    color:#fff;



}

.page_newsList li:hover .info em{



    color:#ff961c;

    background: #fff;



}

.page_newsList li:hover .info p{



    color:#fff;



}



.page_newsList li:hover .time h5,.page_newsList li:hover .time p,.page_newsList li:hover .time h6{



    color:#1a3970;



}



.page_newsList li:hover h4{



    



    color:#ff961c; 



}



.page_newsList dl{



    padding-bottom: 50px;

     



    border-bottom: 1px solid #ddd;



}



.page_newsList dl a{



    display: block;



    



}



.page_newsList dl .col-md-7{



    margin-top: 10px;

    padding: 0PX;



}



.page_newsList dl .img{



    position: relative;



}



.page_newsList dl .img img{



    width: 100%;



}



.page_newsList dl .info{



    position: absolute;



    left: 0;

 

    top: 0; 



}



.page_newsList dl h4{



    font-size:36px;

    line-height: 45px;



    font-weight: 500;

 

    color:#ff961c;

    padding-left: 20px;



}



.page_newsList dl .info h4{



    padding: 8px 0 0;



}



.page_newsList dl h4 span{



    display: inline-block;



    background: #fff;



    border-radius: 20%;



    font-size:12px;



    color:#fff;



    font-weight: normal;



    padding: 3px 5px;



    vertical-align: middle;



    margin-right: 10px;



}



.page_newsList dl p{



    max-height: 78px;



}



.page_newsList .info em{



    display: block;



    width: 160px;



    height: 45px;



    line-height: 45px;



    text-align: center;



    font-size:14px;



    color:#333;

 



    font-style: normal;



    border-radius: 25px;

    border: 2px solid #eee;



    margin-top: 20px;



    transition:all .3s;



}



.page_newsList dl:hover h4{



    color:#ff961c;



}



.page_newsList dl:hover .info h4{



    color:#fff;



}



.page_newsList dl:hover em{



    background: #ff961c;



    width: 120px;



}



/*内页*/



.page_newsList1 dl{

 

    padding-bottom: 50px;

 

    

 

}

 



.page_newsList1 dl a{







    display: block;

 



}







.page_newsList1 dl .col-md-7{







    margin-top: 10px;







}







.page_newsList1 dl .img{

 

    position: relative;

 

}

 

.page_newsList1 dl .img img{



display: block;





border: #bbb solid 1px;



    width: 100%;

 

}

 

.page_newsList1 dl .info{

 

    position: absolute;

 font:14px;



    left: 30px;

width: 90%;



    top: 0;

 

}

 

.page_newsList1 dl h4{

 

    font-size:28px;



    line-height: 40px; 

    font-weight:bold; 



    color:#000022;

    padding-bottom: 20px;

 







}

.page_newsList1 .info .con {

  font-size:14px;



    line-height:30px; 

   

    color:#444;

    padding-bottom: 40px;

 

}







.page_newsList1 dl h4 span{







    display: inline-block;







    background: #fff;







    border-radius: 20%;







    font-size:12px;







    color:#fff;







    font-weight: normal;







    padding: 3px 5px;







    vertical-align: middle;







    margin-right: 10px;







}







.page_newsList1 dl p{



font:14px;

    

color: #444;

padding:20px 20px;



    max-height: 78px;







}







.page_newsList1 .info em{







    display: block;







    width: 160px;







    height: 45px;







    line-height: 45px;







    text-align: center;







    font-size:14px;







    color:#333;



 



    font-style: normal;







    border-radius: 25px;



    border: 2px solid #eee;







    margin-top: 50px;



padding-bottom: 40px;



    transition:all .3s;







}

  



.page_newsList1 dl:hover em{







    background: #ff961c;







    width: 120px;







}



/* 新闻 */

.newsList{



    margin:20px 0 50px;



}





.newsList li{

 

    padding:0px 0px 20px;



    transition: all .3s ease-out 0s;

     



}

@media screen and (max-width: 992px){

    .newsList .col-md-1{display: none!important;}

}

 .newsList .col-md-8{padding:0px;}

.newsList li a{



    display: block;



    background: #fff;



}

.newsList span{



    float: right;

    color: #444;

    font: 14px;

    padding-top: 30px;

    padding-right: 35%;



}

.newsList li p{



    display: block;



     



}



.newsList .info{



      text-align: center;

      

color: #fff;

    background: #ff961c;

     

    height: 72px;

    width: 72px;

      

    transition: all .3s ease-out 0s;

 

}

.newsList .info span{



     

    font-weight: bold;!important;

    color: #ff961c; 

 

}



.newsList .info h4{

  

    font-size:30px;

    color: #fff;

     padding-top: 10px;

    line-height: 30px;

}



.newsList .info p{ 

 

    font-size:14px;

    line-height: 30px;

 color: #fff;



}



.newsList .img{

 border:#ddd solid 1px;



}

 

.newsList li h4{



    color: #000;

 border-top: 2px solid #eee;

    transition: all .3s ease-out 0s;



    font-size:18px;

font-weight: bold;

    padding: 18px 0 0;

    line-height: 40px;



}



.newsList p{



    color: #444;



    font-size: 14px;



    line-height: 26px;



    max-height: 52px;



    



}



.newsList li:hover{



  



    padding:10px;



    border-bottom: none;



}



.newsList li:hover .info,.newsList dl .info{



    background: #ff961c;



}



 



.newsList li:hover .time h5,.newsList li:hover .time p,.newsList li:hover .time h6{



    color:#1a3970;



}



 



.newsList  em{



    display: block;



    width: 120px;



    height: 35px;

 



    line-height: 35px;



    text-align: center;



    font-size:14px;



    color:#333; 

    font-style: normal;



    border-radius: 25px;

    border: 2px solid #eee;



    margin-top: 30px;

 

    transition:all .3s;



}

/* 单页关于我们 */







.page_aboutindex{



    background: url(../images/aboutbg.png) no-repeat left top;



}



.page_aboutindex .panel1 h4{



    font-size:30px;



    color:#333;



    padding: 40px 0 0;



}



.page_aboutindex .panel1 h4:after{



    display: block;



    content:'';



    width: 50px;



    height: 4px;



    background:#1a3970;



    margin-top: 30px;



}



.page_aboutindex .panel1 .con{



    padding: 35px 60px 0 0;



    font-size:16px;



    color:#333;



}



.page_aboutindex .panel2 ul{



    padding-right: 60px;



}



.page_aboutindex .panel2 ul li{



    flex-grow:1;



    flex-basis: 45%;



    background: #1a3970;



    margin:0 0 3px 3px;



    height: 260px;



    padding: 30px 50px;



    display: flex;



    justify-content: center;



    flex-direction: column;



    align-items: center;



}



.page_aboutindex .panel2 ul li:nth-child(odd){



    margin-left: 0;



}



.page_aboutindex .panel2 ul li .img{



    margin-bottom: 15px;



}



.page_aboutindex .panel2 ul li p{



    font-size:16px;



    text-align: center;



    color:#fff;



    height: 90px;



    overflow: hidden;



}



.page_aboutindex .panel2 ul li .line{



    width: 20px;



    height: 2px;



    background: #fff;



    margin-top: 20px;



}



.page_aboutindex .panel2 ul li:nth-child(2){



    background: #bbb;



}



.page_aboutindex .panel2 ul li:nth-child(3){



    background: #333;



}



.page_aboutindex .panel2 ul li:nth-child(4){



    background: #1a3970;



}



.page_aboutindex .panel2 .con p{



    font-size:16px;



    margin-top:30px;



}



.page_aboutindex .panel3{



    position: relative;



}



.page_aboutindex .panel3 .con{



    position: absolute;



    height: 100%;



    left: 0;



    top: 0;



    width: 50%;



    background: rgba(11,89,57,.8);



    color:#fff;



    padding: 60px;



}



.page_aboutindex .panel3 .con h4{



    font-size:28px;



}



.page_aboutindex .panel3 .con p{



    font-size:16px;



    padding: 0 0 0 22px;



    margin:30px 0 0;



    position: relative;



}



.page_aboutindex .panel3 .con p:before{



    width: 9px;



    height: 9px;



    background: #fff;



    content:'';



    display: block;



    transform: rotate(45deg);



    position: absolute;



    left: 0;



    top:10px;



}



.page_aboutindex .panel4 li{



    margin-top: 40px;



}







/* page_about_developindex */







.about_develop_wrap{



    padding: 60px 0 50px;



}



.about_develop{



    padding: 34px 60px 0;



    border-bottom: 2px solid #ddd;



}



.about_develop .owl-item{



    text-align: center;



}



.about_develop .owl-item .item{



    font-size:24px;



    color:#666;



    display: inline-block;



    margin:18px;



    width: 75px!important;



    height: 75px;



    border-radius: 50%;



    text-align: center;



    line-height: 75px;



    position: relative;



    font-family: Impact;



    letter-spacing: 1px;



    cursor: pointer;



    transition:all .3s;



}



.about_develop .owl-item .item:before{



    position: absolute;



    content:'';



    width: 111px;



    height: 111px;



    border-radius: 50%;



    left:-18px;



    top:-18px;



    z-index: -1;



    transition:all .3s;



}



.about_develop .owl-item .item span{



    display: block;



    width: 12px;



    height: 12px;



    position: absolute;



    background: #ddd;



    border-radius: 50%;



    bottom:-52px;



    left: 50%;



    transform: translateX(-50%);



    z-index: 99;



    transition:all .3s;



}



.about_develop .owl-item .item span:after{



    display: block;



    position: absolute;



    width: 1px;



    height: 20px;



    background: #ddd;



    content:'';



    bottom: 10px;



    left: 5px;



    transition:all .3s;



}



.about_develop .owl-item.cur .item,.about_develop .owl-item:hover .item{



    background: #1a3970;



    color:#fff;



}



.about_develop .owl-item.cur .item:before,.about_develop .owl-item:hover .item:before{



    background:rgba(136,193,34,.3);



}



.about_develop .owl-item.cur .item span,.about_develop .owl-item:hover .item span{



    background: #1a3970;



}



.about_develop .owl-item.cur .item span:after,.about_develop .owl-item:hover .item span:after{



    background: #1a3970;



    height: 50px;



}



.about_develop .owl-wrapper-outer{



    padding: 0 0 34px;



}



.about_develop .owl-buttons>div{



    position: absolute;



    width: 50px;



    height: 60px;



    border:1px solid #bbb;



    text-align: center;



    line-height: 60px;



    top: 50%;



    transform: translateY(-50%);



    transition:all .3s;



}



.about_develop .owl-buttons>div span{



    font-size:24px;



    color:#bbb;



}



.about_develop .owl-buttons .owl-prev{



    left:0;



}



.about_develop .owl-buttons .owl-next{



    right:0;



}



.about_develop .owl-buttons .owl-prev span{



    display: block;



    transform: rotate(180deg);



}



.about_develop .owl-buttons>div:hover{



    background: #1a3970;



    border-color: #1a3970;



}



.about_develop .owl-buttons>div:hover span{



    color:#fff;



}







.about_develop_wrap ul{



    padding:50px 80px 0;



    height:180px;



}



.about_develop_wrap ul li{



    display: none;



}



.about_develop_wrap ul li h4{



    font-size:54px;



    color:#1a3970;



    font-family: Impact;



    float: left;



}



.about_develop_wrap ul .con{



    padding:20px 0 0 40px;



    float: left;



}



.about_develop_wrap ul li p{



    font-size:16px;



    position: relative;



    padding: 0 0 0 25px;



}

 



/* panel2_honor */



.panel2_honor{



    padding: 40px 30px;



}

.panel2 .col-md-6{padding:0px;margin:0px;}



.panel2_honor .item{

 

    padding:0 0px;

    border:1px solid #ddd;



}



.panel2_honor .item .img{

 padding-top: 50px;

width: 57%;

margin: 0 auto;

    

}



.panel2_honor .item h4{



    font-size:16px;



    text-align: center;



    margin:30px 30px 10px;



    color:#333;



    line-height: 1.7;



    height: 46px;



    overflow: hidden;



}



.panel2_honor .owl-buttons>div{



    position: absolute;



    text-align: center;



    top: 34%;



    transition:all .3s;



}



.panel2_honor .owl-buttons>div span{



    font-size:36px;



    color:#bbb;



}



.panel2_honor .owl-buttons .owl-prev{



    left:0;



}



.panel2_honor .owl-buttons .owl-next{



    right:0;



}



.panel2_honor .owl-buttons .owl-prev span{



    display: block;



    transform: rotate(180deg);



}



.panel2_honor .owl-buttons>div:hover span{



    color:#1a3970;



}







/* page_about_serviceindex */







.page_about_serviceindex h2{



    font-size:24px;



    color:#333;



    text-align: center;



}



.page_about_serviceindex .panel1 li{



    flex:1;



    margin-right: 70px;



}



.page_about_serviceindex .panel1 li:last-child{



    margin-right: 0;



}



.page_about_serviceindex .panel1 li .img{



    background: url(../images/about_service1.png) no-repeat center;



    width: 420px;



    height: 300px;



}



.page_about_serviceindex .panel1 li .img h4{



    font-size:28px;



    color:#fff;



    line-height: 120px;



    text-align: center;



    margin-top: 93px;



    width: 120px;



}



.page_about_serviceindex .panel1{



    margin-top: 60px;



}



.page_about_serviceindex .panel1 li .img .c{



    padding:60px 0 0 40px;



}



.page_about_serviceindex .panel1 li .img .c p{



    font-size:14px;



    color:#fff;



    position: relative;



    padding: 0 0 0 17px;



}



.page_about_serviceindex .panel1 li .img .c p:before{



    content:'';



    width: 7px;



    height: 7px;



    background: #fff;



    border-radius: 50%;



    display: block;



    position: absolute;



    left: 0;



    top:10px;



}



.page_about_serviceindex .panel1 li .con{



    padding:20px 0 0 55px;



}



.page_about_serviceindex .panel1 li .con h4{



    color:#ff961c;



    font-size:24px;



    margin-bottom: 20px;



}



.page_about_serviceindex .panel1 li .con p{



    font-size:16px;



    color:#333;



    padding: 0 0 0 17px;



    position: relative;



}



.page_about_serviceindex .panel1 li .con p:before{



    content:'';



    display: block;



    width: 7px;



    height: 7px;



    background: #333;



    border-radius: 50%;



    left: 0;



    top: 10px;



    position: absolute;



}







.page_about_serviceindex .panel2_w{



    background: #eee;



    padding-top:45px;



}



.page_about_serviceindex .panel2 ul{



    margin-top: 35px;



}



.page_about_serviceindex .panel2 ul li{



    flex:1;



    display: flex;



    justify-content: center;



    flex-direction: column;



    text-align: center;



}



.page_about_serviceindex .panel2 ul li img{



    width: 320px;



    margin:auto;



}



.page_about_serviceindex .panel2 ul li h4{



    font-size:18px;



    color:#1a3970;



    font-weight: bold;



}



.page_about_serviceindex .panel2 ul li p{



    font-size:16px;



    color:#333;



    margin:8px 0 25px;



}



.page_about_serviceindex .panel2 .info{



    margin-top: 55px;



    font-size:16px;



    color:#333;



    text-align: center;



}







.page_about_serviceindex .panel3{



    padding-top: 45px;



}



.page_about_serviceindex .panel3 .con{



    text-align: center;



    padding: 40px 0 0;



}



.page_about_serviceindex .panel3 .con h4{



    color:#1a3970;



    font-size:24px;



    font-weight: bold;



    margin:30px 0 40px;



}



.page_about_serviceindex .panel3 .con p{



    font-size:16px;



    color:#333;



}



.page_about_serviceindex .panel3 ul{



    justify-content: center;



    margin:25px 0 75px;



}



.page_about_serviceindex .panel3 ul li{



    width: 200px;



    height: 280px;



    margin:0 85px;



    background: #eee;



}



.page_about_serviceindex .panel3 ul li h4{



    height: 80px;



    line-height: 80px;



    text-align: center;



    background: #1a3970;



    font-size:28px;



    font-weight: bold;



    color:#fff;



}



.page_about_serviceindex .panel3 ul li p{



    font-size:16px;



    color:#333;



    padding: 20px;



}



.page_about_serviceindex .panel3 .img img{



    margin:auto;



}



.page_about_serviceindex .panel4 ul{



    margin-top:35px;



}



.page_about_serviceindex .panel4 ul li h4{



    font-size:20px;



    color:#fff;



    font-weight: bold;



    background: #1a3970;



    height: 50px;



    overflow: hidden;



    line-height: 50px;



    text-align: center;



}



.page_about_serviceindex .panel4 ul li:nth-child(2) h4{



    background: #1a3970;



}



.page_about_serviceindex .panel4 ul li:nth-child(3) h4{



    background: #0070c0;



}



.page_about_serviceindex .panel4 ul li:nth-child(4) h4{



    background: #2f5597;



}



.page_about_serviceindex .panel4 ul li .con{



    padding: 16px 0 0;



}



.page_about_serviceindex .panel4 ul li .con p{



    font-size:16px;



    color:#333;



    line-height: 1.7;



    padding:0 0 0 14px;



    position: relative;



    margin-bottom: 5px;



}



.page_about_serviceindex ul .panel4 li .con p:before{



    content:'*';



    font-size:14px;



    position: absolute;



    left: 0;



    top: 4px;



}







/* page_about_dutyindex */







.page_about_dutyindex [class*="col-md-"]{



    padding-left:0;



    padding-right: 0;



}



.page_about_dutyindex .con{



    padding: 60px 60px 0;



    color:#fff;



    font-size:16px;



    height: 250px;



}



.page_about_dutyindex .con1{



    background: #ff961c;



}



.page_about_dutyindex .con2{



    padding: 50px 50px 0;



    background: #1a3970;



}



.page_about_dutyindex .con3{



    background: #ff961c;



    height: 500px;



}



.page_about_dutyindex .con3 p{



    margin-bottom: 40px;



}











/* page_solution_leaseindex */











.page_solution_leaseindex .hd ul{



    text-align: center;



    margin-bottom: 38px;



}



.page_solution_leaseindex .hd li{



    display: inline-block;



    font-size:24px;



    margin:0 80px;



    padding: 0 10px;



    cursor: pointer;



}



.page_solution_leaseindex .hd li.cur{



    border-bottom: 4px solid #1a3970;



    color:#1a3970;



    position: relative;



}



.page_solution_leaseindex .hd li.cur:after{



    position: absolute;



    content:'';



    display: block;



    bottom: -12px;



    left: 50%;



    transform: translateX(-50%);



    border-top: 8px solid #1a3970;



    border-right: 6px solid transparent;



    border-left: 6px solid transparent;



}











/* solution_lease_dt */







.page_solution_leaseindex .solution_leasetab{



    display: none;



}



.solution_lease_jt h4{



    font-size:30px;



    text-align: center;



}



.solution_lease_dt .panel1 .con{



    font-size:16px;



}



.solution_lease_dt .panel1 .img{



    margin:25px 0 0;



}



.solution_lease_dt .panel1 .img img{



    margin-right: 54px;



    display: inline-block;



}



.solution_lease_dt .panel1 .img img:last-child{



    margin-right: 0;



}



.solution_lease_dt .panel2 img{



    margin:auto;



}







.solution_lease_dt .panel3 .row{



    margin-top: 30px;



}



.solution_lease_dt .panel3 .con{



    padding: 25px 45px;



    position: relative;



}



.solution_lease_dt .panel3 .con:after{



    width:0;



    height: 100%;



    content:'';



    display: block;



    position: absolute;



    left: 0;



    top: 0;



    transition:all .3s;



}



.solution_lease_dt .panel3 i{



    font-size:48px;



    color:#8dc73f;



    line-height: 1.2;



    padding-right: 50px;



    position: relative;



    z-index: 2;



}



.solution_lease_dt .panel3 i:after{



    width: 1px;



    height: 20px;



    background: #bbb;



    display: block;



    content:'';



    position: absolute;



    right: 25px;



    top:16px;



    z-index: 2;



}



.solution_lease_dt .panel3 p{



    font-size:14px;



    z-index: 2;



    position: relative;



}



.solution_lease_dt .panel3 .con:hover:after{



    width: 100%;



    background: linear-gradient( to right,#ff961c,#ff961c);



}



.solution_lease_dt .panel3 .con:hover i{



    color:#fff;



}



.solution_lease_dt .panel3 .con:hover i:after{



    background:#fff;



}



.solution_lease_dt .panel3 .con:hover p{



    color:#fff;



}



.solution_lease_dt .panel4 ul{



    margin-top: 10px;



}



.solution_lease_dt .panel4 li{



    margin-top: 20px;



}











/* page_solution_customerindex */







.page_solution_customerindex .tit_box2{



    margin-bottom: 30px;



}



.page_solution_customerindex ul{



    background: #eee;



    padding: 70px;



    height: 420px;



}



.page_solution_customerindex ul li{



    margin-bottom: 40px;



}



.page_solution_customerindex ul h4{



    font-size:24px;



    color:#ff961c;



}

        

.partner_con{padding-top: 25px;  



    margin:0 auto;position: relative;



    text-align: center;}



.partner_con1{padding-top:0px;  width: 100%;padding-bottom: 80px;



    margin:0 auto;position: relative;



    text-align: center;} 



.partner_con .item{



    padding:0 20px;float:left;   



}




.page_solution_customerindex ul h4 span{



    font-size:20px;



    color:#1a3970;



    margin-right: 5px;



}



.page_solution_customerindex ul li p{



    font-size:16px;



    margin-top: 20px;



}



.page_solution_customerindex ul>.row{



    margin-top: 20px;



}



.page_solution_customerindex ul>.row p{



    font-size:16px;



    position: relative;



    margin-bottom: 6px;



    padding: 0 0 0 20px;



    height: 30px;



    line-height: 30px;



    overflow: hidden;



}



.page_solution_customerindex ul>.row p:before{



    content:'';



    height: 7px;



    width: 7px;



    position: absolute;



    border-radius: 50%;



    background: #ff961c;



    left: 0;



    top: 10px;



}











/* page_solution_transportindex */











.page_solution_transportindex li{



    transition:all .3s;



    cursor: help;



}



.page_solution_transportindex li:nth-child(3) .col-md-6:first-child,.page_solution_transportindex li:nth-child(4) .col-md-6:first-child,.page_solution_transportindex li:nth-child(7) .col-md-6:first-child,.page_solution_transportindex li:nth-child(8) .col-md-6:first-child{



    float: right;



}



.page_solution_transportindex .col-md-6{



    padding:0;



}



.page_solution_transportindex .con{



    padding: 45px 50px 0;



}



.page_solution_transportindex .con h4{



    font-size:16px;



    color:#333;



    font-weight: bold;



    position: relative;



    margin-bottom: 15px;



}



.page_solution_transportindex .con h4:after{



    display: block;



    content:'';



    width: 7px;



    height: 7px;



    background: #1a3970;



    border-radius: 50%;



    position: absolute;



    left: -18px;



    top: 5px;



}



.page_solution_transportindex .con p{



    font-size:15px;



    color:#666;



}



.page_solution_transportindex li:hover{



    background: #1a3970;



}



.page_solution_transportindex li:hover h4{



    color:#fff;



}



.page_solution_transportindex li:hover h4:after{



    background: #fff;



}



.page_solution_transportindex li:hover p{



    color:#fff;



}







.page_solution_processindex h4{



    font-size:28px;



    font-weight: bold;



    margin-bottom: 70px;



    color:#333;



    text-align: center;



}



.page_solution_processindex img{



    margin:auto;



}







/* page_solution_operateindex */











.page_solution_operateindex .tit{



    font-size:40px;



    font-weight: bold;



    color:#ff961c;



    letter-spacing: 3px;



    line-height: 1;



}



.solution_operate_map{



    position: relative;



}



.solution_operate_map .marks .mark{



    position: absolute;



    padding: 0;



    background: none;



}



.solution_operate_map .marks .mark1{



    right: 96px;



    top: 297px;



}



.solution_operate_map .marks .mark2{



    right: 240px;



    top: 308px;



}



.solution_operate_map .marks .mark3{



    right: 115px;



    top: 325px;



}



.solution_operate_map .marks .mark4{



    right: 30px;



    top: 435px;



}



.solution_operate_map .marks .mark5{



    right: 14px;



    top: 460px;



}



.solution_operate_map .marks .mark6{



    right: 180px;



    top: 465px;



}



.solution_operate_map .marks .mark7{



    right: 260px;



    top: 494px;



}



.solution_operate_map .marks .mark8{



    right: 355px;



    top: 517px;



}



.solution_operate_map .marks .mark9{



    right: 130px;



    bottom: 110px;



}



.solution_operate_map .marks .mark10{



    right: 130px;



    bottom: 90px;



}



.solution_operate_map .marks p{



    font-size:14px;



    color:#1a3970;



    margin:-10px 20px 0 5px;



}



.solution_operate_map .pin{



  width: 24px;



  height: 24px;



  border-radius: 50% 50% 50% 0;



  background: #1a3970;



  transform: rotate(-45deg);



  margin: -20px 0 0 -20px;



  animation-name: bounce;



  animation-fill-mode: both;



  animation-duration: 1s;



}



.solution_operate_map .pin:after {



  content: '';



  width: 12px;



  height: 12px;



  margin: 6px 0 0 6px;



  background: #bbd4ef;



  position: absolute;



  border-radius: 50%;



}



.solution_operate_map .pulse {



  background:#1a3970;



  border-radius: 50%;



  height: 10px;



  width: 10px;



  margin: 8px 0px 0px -12px;



  transform: rotateX(55deg);



}



.solution_operate_map .pulse:after{



  content: "";



  border-radius: 50%;



  height: 34px;



  width: 34px;



  position: absolute;



  margin: -13px 0 0 -13px;



  animation: pulsate 1s ease-out;



  animation-iteration-count: infinite;



  opacity: 0;



  fi